How to copy code from CodePen

We encourage you to read that in full, but in brief, people are free to copy it and their copy can be copied as well . There are many reasons for this, one of which is that it’s kind of awesome to browse CodePen knowing everything is usable for anything you want.

Open your pen in CodePen and click export . In the way I have set up my view, the Export button is in the bottom right corner, next to “share”. Yours may be located somewhere else. Clicking export will download a zip file.

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. The Embed Builder helps you customize your embed.