iiinova — where your digital self keeps evolving

The final week of our September challenge is on! This week, you'll chart your own course 🗺️ codepen.io/challenges/2... Thanks @MongoDB for sponsoring! srv.buysellads.com/ads/long/x/T...

A nautical map with charting tools laid on top.

000

CodePen @codepen.io · 28/09/2026

"Globe Spinners" by Jon Kantner codepen.io/editor/jkant...

061

CodePen @codepen.io · 15/09/2026

Our Charts & Graphs challenge continues! This week, we're baking up pie and donut charts 🍩 codepen.io/challenges/2... Thanks @MongoDB for sponsoring! srv.buysellads.com/ads/long/x/T...

A gorgeous apple pie with crumb topping and one slice missing.

020

CodePen @codepen.io · 14/09/2026

"3D Rowing Boat" by Grant Jenkins codepen.io/editor/grant...

051

CodePen @codepen.io · 09/09/2026

"GSAP Flix+" by mike-at-redspace codepen.io/editor/mike-...

030

CodePen @codepen.io · 08/09/2026

The September CodePen Challenge is on! This month, we're working with Charts & Graphs, starting with a Flowchart codepen.io/challenges/2... Thanks @MongoDB for sponsoring!: srv.buysellads.com/ads/long/x/T...

A person drawing a flowchart on a whiteboard with a red marker.

021

CodePen @codepen.io · 03/09/2026

"E(tch a sketch)mail - Signature" by Gymnase codepen.io/editor/gymna...

190

CodePen @codepen.io · 02/09/2026

"CSS 8" by Stijn Van Minnebruggen codepen.io/editor/donot...

150

CodePen @codepen.io · 28/08/2026

"3D Dancing Bugs" by Grant Jenkins codepen.io/editor/grant...

030

CodePen @codepen.io · 25/08/2026

TanStack Charts! tanstack.com/charts/latest Works just lovely on CodePen codepen.io/editor/team/...

010

CodePen @codepen.io · 24/08/2026

"Analog Email Alert" by Zerde Turdybek codepen.io/editor/zerde...

030

CodePen @codepen.io · 13/08/2026

A PRO feature on CodePen is that the Live Preview URL you see right in the CodePen Editor you can pluck out and open in as many URLs and devices as you like. It's nice for multi-monitor setups, cross-browser testing, real device testing, etc.

282

CodePen @codepen.io · 06/08/2026

Just noting a simple multi-page website with a shared header and footer is just a couple of Nunjucks includes away. codepen.io/editor/team/...

031

CodePen @codepen.io · 05/08/2026

The August CodePen Challenge is on! This month, we're building email 📧 codepen.io/challenges/2... Thanks @pagerduty for sponsoring! srv.buysellads.com/ads/long/x/T...

A sign shaped like a paper plane leaning against a brick wall.

010

CodePen @codepen.io · 04/08/2026

Just saw www.morphicons.com 6kb library for morphing icons. Works pretty nicely on CodePen. codepen.io/editor/team/...

0150

CodePen @codepen.io · 01/08/2026

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.

041

CodePen @codepen.io · 01/08/2026

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

0101

CodePen @codepen.io · 31/07/2026

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.

040

CodePen @codepen.io · 30/07/2026

"Dot Grid | Wave & Glue" by JP codepen.io/jpbelley/pen...

040

CodePen @codepen.io · 29/07/2026

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

2352

CodePen @codepen.io · 29/07/2026

🎧 In which we each pick our favorite 2.0 feature and tell you why it rules. blog.codepen.io/2026/07/23/4...

062

CodePen @codepen.io · 28/07/2026

"It Was Never A Competition" by Margarita codepen.io/Margarita-th...

050

CodePen @codepen.io · 24/07/2026

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 🚀

0110

CodePen @codepen.io · 22/07/2026

"Sprout" by Giedre Ju codepen.io/editor/Giedr... (Pretty nice dynamic newspaper-like layout!)

070

CodePen @codepen.io · 14/07/2026

It's week 2 of the "Get to Know 2.0" CodePen Challenge! This week, we're building with Blocks codepen.io/challenges/2...

Closeup detail of the exterior of a building known as 'The Cheesegrater' in Sheffield, England. Blocks stick out irregularly from the cladding, almost giving the impression that they're in motion.

020

CodePen @codepen.io · 11/07/2026

"CSS Scroll-Spy Timeline Navigation" by Paul codepen.io/editor/Maseo...

0151

CodePen @codepen.io · 08/07/2026

"Carve the Moon, Weave the Clouds // Character Roster." by Mizo buff.ly/O6iq3AP

010

CodePen @codepen.io · 02/07/2026

"text stickers" by Vivi Tseng codepen.io/vii120/pen/v...

060

CodePen @codepen.io · 24/06/2026

It's the final week of the CodePen Challenge at the Beach This week, we're watching the sunset codepen.io/challenges/2...

The sun setting behind the waves, just touching down on the horizon. The sky is a deep orange.

020

CodePen @codepen.io · 19/06/2026

"Article feed hover effects" by Jason Hee codepen.io/editor/jason...

081

CodePen @codepen.io · 17/06/2026

It's week 3 of our Challenge at the Beach, and we're cooling off with some sea breezes 🌬️ codepen.io/challenges/2...

A person windsurfing with a bright green and blue sail. The motion blur and the wake behind them show they're moving fast across a calm sea.

010

CodePen @codepen.io · 17/06/2026

"Galloping divs (CSS)" by Amit Sheen codepen.io/editor/amit_...

070

CodePen @codepen.io · 16/06/2026

"Neon glass · 3D cards · UI lab" by Mr Abu Hani codepen.io/Kan3an/pen/Y...

060

CodePen @codepen.io · 10/06/2026

The CodePen Challenge at the beach continues! This week, we're playing in the Sand 🏖️ codepen.io/challenges/2...

A sandy path through the dunes at the beach on an overcast day. Straight ahead, gentle waves break on the shore.

001

CodePen @codepen.io · 03/06/2026

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

1312

CodePen @codepen.io · 02/06/2026

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/

272

CodePen @codepen.io · 02/06/2026