CodePen
@codepen
Build, test, and discover front-end code 💻 Support:
What if there is a specific file in a Pen you want to use elsewhere? Just grab the URL for it and use it. Global Assets is more specifically designed for that, though — especially for images where it's got extra superpowers like resizing, quality control, and auto-formatting.
Oh crap. Something is off on this Pen but I KNOW I had it working correctly last night. Just revert to that version, no big deal. (And you can check it out and confirm first.)
Code formatting is covered on CodePen. You can "Format File" from the context menu on any file as a one-off. Or add a block like Prettier, which offers better config control and diagnostics. It's all smoothly integrated.
You know how we write the HTML emails we're using for our launch email campaign? In MJML! mjml.io It's such a nice language for crafting HTML emails that work across all email clients. You know where we do it? On CodePen (because we support .mjml now). 💪
🎧 In which we each pick our favorite 2.0 feature and tell you why it rules. blog.codepen.io/2026/07/23/4...
We've got a bunch of (short!) videos of interesting things 2.0 can do up at this domain: codepen.school Naturally, the site is just a Pen. codepen.io/editor/chris... (Vite/Vue + Markdown Files) Any 2.0 Pen is instantly deployable 🚀
"Sprout" by Giedre Ju codepen.io/editor/Giedr... (Pretty nice dynamic newspaper-like layout!)
It's week 2 of the "Get to Know 2.0" CodePen Challenge! This week, we're building with Blocks codepen.io/challenges/2...
"Carve the Moon, Weave the Clouds // Character Roster." by Mizo buff.ly/O6iq3AP
It's the final week of the CodePen Challenge at the Beach This week, we're watching the sunset codepen.io/challenges/2...
It's week 3 of our Challenge at the Beach, and we're cooling off with some sea breezes 🌬️ codepen.io/challenges/2...
The CodePen Challenge at the beach continues! This week, we're playing in the Sand 🏖️ codepen.io/challenges/2...
CodePen can host any 2.0 Pen as a website. Apex domains via DNS A Records, Subdomains via CNAME records. We handle the CDN, proper caching, SSL certificate and everything for you. 👩🍳😘 blog.codepen.io/docs/pens/de...
slideVars (little npm package) gives you a nice little UI widget for controlling CSS --custom-properties. Zero config. Or, ya know, some config if you need it. codepen.github.io/slideVars/
The June CodePen Challenge is on! This month, we're at the beach 🏖️ codepen.io/challenges/2...
"Anime.js Scramble Text timeline demo" by Julian Garnier codepen.io/juliangarnie...
