What are CodePen projects?

To use a template, you can choose it from the dropdown menu under Pen > from template on the home page . Or, visit the Pen and click the “Use this template” button at the bottom right of the editor view.

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).