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 moreHow do I download CodePen files?
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.
Read moreHow do you use CodePen projects?
How to run code in CodePen
Read moreWhat are CodePen projects?
With CodePen Projects, you get a sidebar of files for you to put whatever files you like . That’s different than the Pen Editor on CodePen, which only gives you the HTML, CSS, and JavaScript editor to work with.
Read moreWhy is CodePen used?
People use CodePen for all sorts of things: prototyping new ideas, reduced test cases for bugs, sending clients things to look at, evaluating potential hires, to finding inspiration . People also use CodePen as a sort of resume and portfolio, showing off their best design and development work.
Read moreHow do you use CodePen?
How to run code in CodePen
Read more