And now you can create a collection directly from the “Create” menu.
Unlimited Pen Templates for Everybody!
The template feature lets you create and save a default set of code and settings for making new Pens. Think of them like a reusable “starter kit”.
Say sometimes you like to use Haml, Sass, and have jQuery available — you could make a template for that. Maybe sometimes you like to use Pug, Sass, and the responsive meta tag in the
<head> — you could make a template for that, too.
The best templates help you skip all the prepwork of creating a new Pen with your favorite libraries and preprocessors. Here are a couple of examples to check out.
Or, you can clear out any of your Pen editor defaults with:
If you have any preprocessor or library defaults set in your Editor Settings, that blank template overrides them so you can start a completely fresh new Pen.
Pro Tip: you can save any of those templates to your own templates by forking them.
You can share a Pen template with anyone to help give them a head start with a new Pen. The URL format is:
Replace “SLUG” with the string at the end of your Pen’s URL. For example, this URL: https://codepen.io/pen?template=KMKPLB opens a template from this Pen: https://codepen.io/chriscoyier/pen/KMKPLB