Clayzo - Create animations and motion design with your coding agent
by•
Clayzo makes it incredibly easy for coding agents like Claude Code, Codex and Cursor to create web animations and motion graphics. Your agent writes it in code and reviews every frame; you export a video or play it live on your site. And it’s free!
Replies
Free to use with the coding agent you already have is a pretty good reason to give it a try. Good luck with the launch!
Congrats on the launch. We built our own Claude skills for our app's drawings and animations, and the hardest part was keeping the same character and style across every new piece. Would love a way to lock a character or style so every animation matches. Can Clayzo do that today?
@dan16 Thank you! And yes, definitely! You can point your agent at existing assets / skills you have, and keep things consistent across all Clayzo animations (our /clayzo-animation-authoring skill should help out with this).
@patelpurav Nice, that's exactly what I was hoping. Going to try it with our art skill.
@dan16 Awesome! Would love to see what you make!
@nicholas_zakas Opus is pretty great at animation and design on its own (one of our favorite models to use with Clayzo)! Clayzo gives it a much better foundation to work with:
A motion engine with effects and shaders built in (glass, blur, masks, 2.5D camera, etc.), so it doesn’t have to rebuild them from scratch every time
A framework designed for agents, so results are more consistent from run to run
A built-in review that catches issues like overlapping text or cut-off elements automatically, so it fixes them before you see anything
One animation that exports to video, plays live on the web or in an iOS app, and can be interactive (reacting to tap/hover states, etc.)
The result is generally more polished, production-ready animations in fewer tries!
The detail I like is animations living as plain-text code your agent can read directly — most motion tools hide everything behind a timeline GUI, so a small easing tweak becomes a manual chore instead of a one-line change. The single-frame preview is smart too. How granular does that feedback get — can you say "frame 40, ease this in slower" and have the agent change only that segment?
The frame preview in the CLI is the detail that sells this for me. Every agent animation attempt I've seen falls apart because the agent is writing keyframes blind and never actually sees the result. Curious how the review loop works in practice: does the agent get a rendered still at a timestamp it can look at, and does it pick which frames to check itself, or do the skills nudge it to sample specific beats like entrances and settles?
The part that clicks for me is that the same animation can play live in an iOS app instead of being baked into a video. A single .clayzo file that's up to ~40x smaller than video, with hover, press and drag states still intact, is a very different thing from an MP4 — especially for little moments inside an app where a video would feel dead. Curious how the Swift player handles those interactive states compared to the WebGL one — is it feature-parity, or is web ahead right now?
Huge congrats on the launch! Motion design has always been a massive headache for devs who aren't animators, so letting agents like Cursor or Claude Code handle it in code makes a ton of sense. That single-frame review especially looks super handy for catching awkward keyframe timing. Can’t wait to play around with this!
We do a lot of short motion for client launches. Can a designer open the .clayzo file and nudge a keyframe by hand, or does every fix have to go back through the agent?
@thomas_wazza We have a local preview tool where you can review the animation, and you can point the agent to specific frames it should look at / edit, but the interaction is still prompting-based.
@patelpurav Thanks !