CodePen.IO

Build, test, and discover front-end code 💻

Support:

[CodePen.IO @CodePen]

How does CodePen AI do with the Cool S? With squigglevision? Friggin nailed it.

(Wait... CodePen has AI now? https://t.co/m6MgFcQDd1 👀)

[CodePen.IO @CodePen]

"Scroll-triggered animations: Variable Font: expand, shrink, squoosh" by utilitybend

https://t.co/yIaCvn207D

[CodePen.IO @CodePen]

"Ghosts" by Curtis Lawrence

https://t.co/kNMYaiR7zG

[CodePen.IO @CodePen]

@bozdoz @bielok_ We're fans of Classic, that's why we spent so much time making 2.0 accessible for Classic users.

This is the 2.0 Editor with those options enabled, virtually identical to the Classic Editor while giving more processors, Deployment, Versions, Package support & more. Pretty nice!

[CodePen.IO @CodePen]

@snorklTV One of the absolute best features of 2.0 is you don't have to think about adding external libraries, just

import gsap from 'gsap';

...and we do the rest!

This one's a bit excessive of an example, but here's a complete starter template for GSAP: https://t.co/KxRknTzsmu

[CodePen.IO @CodePen]

@snorklTV You can also still access the Classic Pen Editor at https://t.co/iqysNDer9m

[CodePen.IO @CodePen]

@snorklTV Try these two settings in 2.0 if you like that Classic feel:

1. Enable Minimal UI
2. Set a Classic template as your default

https://t.co/loOa9Szp9k

After that, the UI is nearly identical but you get all the new features!

[CodePen.IO @CodePen]

It's the final week of the January #CodePenChallenge!
This week, it's Game Over 👾

https://t.co/O7xwPQYo3w

Thanks @Redisinc for sponsoring: https://t.co/6zI8y5JcSU

[CodePen.IO @CodePen]

The January #CodePenChallenge continues!
This week, we're playing with puzzles 🧩

https://t.co/DNPs3vEDrg

Thanks @Redisinc for sponsoring! https://t.co/6zI8y5JcSU

[CodePen.IO @CodePen]

The January #CodePenChallenge continues!
This week, it's time for some cheat codes 🎮

https://t.co/V9ThSxo4Ms

Thanks @RedisInc for sponsoring: https://t.co/6zI8y5JKIs

[CodePen.IO @CodePen]

"sort of custom scrollbar element" by Tom Hermans

https://t.co/dipJNeaAsN

[CodePen.IO @CodePen]

New Year, New #CodePenChallenge!
This month, we press start on 2026 with prompts inspired by video games 👾

https://t.co/QMFLwIYBfG

Thanks @RedisInc for sponsoring: https://t.co/6zI8y5JcSU

[CodePen.IO @CodePen]

"Untitled" by Neil

https://t.co/R5ovUG8rk7

[CodePen.IO @CodePen]

"Flip Text on Hover (Syntax challenge)" by Chris Bolson

https://t.co/qJO4yjMIM3

[CodePen.IO @CodePen]

"Collision detection using style queries plus keyframes" by lee

https://t.co/afCYe34ktZ

[CodePen.IO @CodePen]

"Happy New Year!" by SnailCrusher

https://t.co/L7xL4PTxQx

[CodePen.IO @CodePen]

"Circle Highlight" by Amit Sheen

https://t.co/2VzI1RErnW

[CodePen.IO @CodePen]

"CSS view() for carousel" by Preethi Sam

https://t.co/NSnGTryr5a

[CodePen.IO @CodePen]

"Abstract Olives" by Holland Blumer

https://t.co/nsMMfthzEE