Create animations and motion design with your coding agent
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!
We built Clayzo as a way to solve our own problems as design engineers/video editors, where creating good motion graphics & animations were hard with agents. We wanted to create an optimized way for agents to create anything (all in code!), such as launch videos, social media posts, and interactive web animations.
With Clayzo, agents write animations as code against our format, which covers shapes, text, keyframes, springs, custom effects/shaders, camera moves, audio, and interactive states like hover, press and drag. Use it with your own coding agents (Claude Code, Cursor, Codex, etc.).
Our CLI lets agents instantly preview any frame, review their own work, and fix what looks off. Animations & assets bundle into a single .clayzo file (up to ~40x smaller than videos). We currently have optimized WebGL/Swift players for any web/iOS/Mac app (working on more), and you can also export to MP4, GIF, WebM or any other video format.
Super simple setup:
Run npx clayzo@latest init
Run the command: clayzo login
Access Clayzo with your agent using 2 skills:
/clayzo-animation-authoring (to create the animation)
/clayzo-authoring-shipping (for preview and fast export)
Clayzo is free to use! Test it out and let us know what you think!
What would you like to see in Clayzo?
About Clayzo on Product Hunt
“Create animations and motion design with your coding agent”
Clayzo launched on Product Hunt on November 2nd, 2026 and earned 155 upvotes and 24 comments, placing #6 on the daily leaderboard. 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!
On the analytics side, Clayzo competes within Design Tools, Graphics & Design and Animation — topics that collectively have 270.6k followers on Product Hunt. The dashboard above tracks how Clayzo performed against the three products that launched closest to it on the same day.
Who hunted Clayzo?
Clayzo was hunted by Kevin William David. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
Kevin William David
Hi Product Hunt!
We built Clayzo as a way to solve our own problems as design engineers/video editors, where creating good motion graphics & animations were hard with agents. We wanted to create an optimized way for agents to create anything (all in code!), such as launch videos, social media posts, and interactive web animations.
With Clayzo, agents write animations as code against our format, which covers shapes, text, keyframes, springs, custom effects/shaders, camera moves, audio, and interactive states like hover, press and drag. Use it with your own coding agents (Claude Code, Cursor, Codex, etc.).
Our CLI lets agents instantly preview any frame, review their own work, and fix what looks off. Animations & assets bundle into a single .clayzo file (up to ~40x smaller than videos). We currently have optimized WebGL/Swift players for any web/iOS/Mac app (working on more), and you can also export to MP4, GIF, WebM or any other video format.
Super simple setup:
Run npx clayzo@latest init
Run the command: clayzo login
Access Clayzo with your agent using 2 skills:
/clayzo-animation-authoring (to create the animation)
/clayzo-authoring-shipping (for preview and fast export)
Some of the ways we've seen Clayzo being used:
Interactive web animations
Launch videos (entire video made using clayzo!)
Clayzo is free to use! Test it out and let us know what you think!
What would you like to see in Clayzo?