CodePen.io:網站前端設計開發平臺是一個針對網站前端程式碼設計的開發工具，提供多種效果的網站前端程式碼設計工具，豐富的案例特效，使用者可以demo的基礎上開發自己的前端設計。

CodePen is all about front end code inspiration and education through sharing. In the editor, enter HTML, CSS, and JavaScript and the combined result is displayed below. Save your Pen, share it, and explore others. This is extremely useful for showing off your work, troubleshooting, demonstrating bugs, or anything else you can think of.

From the editor, you can click the Share button for a dropdown with a link to a full page result of your Pen. You can use that to test things you build in older browsers if need be.