CodePen School x.com/i/broadcasts/2…

Gonna do a little hanging out on a CodePen School stream here at the top of the hour: youtube.com/watch?v=C5Cjc-…

New stuff!

⁃ `/clear` in the AI panel (along with other slash commands)
⁃ New block: CSS modules. A classic that still delivers.
⁃ Support for Skills.

(All in 2 1/2 minutes)

jelly-ui.com

What a nice library. One script tag. Web components that work everywhere. Shimmy shimmy shake.

Don't be tardy! New CodePen School live stream happening in 10 minutes.

youtube.com/live/OhKwgUfkZ…

Join us for tutorials, Q&As, live coding & more

You've got a lot of control over the CodePen editor, like what you want open/closed and where to put it. Maybe you want the preview open to a mobile size. Maybe you are just vibe coding and want AI+Preview. Maybe you wanna see your code and the processed code side by side.

Check out the aesthetic of "The Mind" by Hakan Yorganci.

codepen.io/editor/mielala…

The CodePen AI agent can go look at other URLs, so feel free to be like: "Go look at this and build something / incorporate it".

Here's an example with a Liquid Glass replicating library glisse.kelvinzhang.com

ICYMI: CodePen has a full-blown read/write REST and GraphQL API
blog.codepen.io/docs/api/api-v…

Now, the REST API is fully desribed by an OpenAPI 3.1 document, so it's easier for agents and automated tooling to digest and build stuff around. api.codepen.io/docs#descripti…

The GraphQL API has introspection and a playground, so... same. api.codepen.io/v2/graphiql

My mom visited last week.

We built a website with @CodePen.

Here's a 2-minute video showing off WebMCP + CodePen + ChatGPT App:

youtube.com/watch?v=T0b6l2…

You can take advantage of WebMCP in other ways.

@claudeai Code fan? Install the great `agent-browser` CLI tool from @vercel Labs and remind the agent it has it. Then tell it to open up CodePen `--headed` and you can control CodePen directly from there.

Here's another 2-minute video on that:
youtube.com/watch?v=WUCTj2…

"Kinetic countdown (CSS only)" by Stijn Van Minnebruggen

codepen.io/editor/donotfo…

The in-app notification for CodePen AI was fun to make. Penny gets to zoom around the <dialog> in a <canvas> with GSAP to make it smooth.

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

(Wait... CodePen has AI now? codepen.io/features/ai 👀)

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

codepen.io/editor/utility…

"Ghosts" by Curtis Lawrence

codepen.io/editor/MisterC…

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

codepen.io/challenges/202…

Thanks @Redisinc for sponsoring: srv.buysellads.com/ads/long/x/TCM…