How do I add a project to Codepen?

To make a Project available as a template, first click “Settings” to open the Project Settings menu. Then, slide the toggle switch under “Project Description” to “Template”. Finally, save your settings by clicking the green “Save and Close” button. After you do that, your Project becomes available as a template.

Read more

How do you run a CodePen project?

By default, every time you save your project runs and automatically updates the preview. 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).

Read more