How do you run a CodePen?

You can save and run your project by clicking the “Save All + Run” button in the header . You can also use the keyboard shortcut to save your current file (Command + S for Mac, CTRL + S for PC).

7 broad uses for 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.