Can I embed CodePen?

Bring your creations on CodePen to documentation, blog posts, or any other site! You can embed Pens on other websites with our copy-and-paste Embed code . To get the code, click the “Embed” button in the footer of the Editor on any Pen. This will open the Embed Builder.

Read more

Can I use CodePen on my website?

The gist of it is open source. Anyone can use the code you put on CodePen for whatever they wish – but if they do – that code also must have this same license . This is to encourage open sharing of code. Remember that any code you post on CodePen should be compatible with this license or it is subject to removal.

Read more

How do I add files to Codepen?

#Creating and Uploading Files Give the file a name and file extension in the yellow text field. To create a file inside a specific directory, click the directory first, then click the “New File” button . Drag and drop individual files into the Project Root, or into directories within the project.

Read more