Product Thumbnail

Clayzo

Create animations and motion design with your coding agent

Design Tools
Graphics & Design
Animation
Visit WebsiteSee on Product Hunt

Hunted byKevin William DavidKevin William David

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!

Top comment

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:

  1. Run npx clayzo@latest init

  2. Run the command: clayzo login

  3. Access Clayzo with your agent using 2 skills:

    1. /clayzo-animation-authoring (to create the animation)

    2. /clayzo-authoring-shipping (for preview and fast export)

Some of the ways we've seen Clayzo being used:

  1. Interactive web animations

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

Comment highlights

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?

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

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?

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?

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!

For many people, creating videos for product launches is the most challenging part. Now there's an easy solution!

How does this compare to Opus 5.5 out of the box? I found I didn’t need anything like Remotion and could just ask Opus to create animations. It then created everything it needed and could export the video.

Seems like an awesome alternative to remotion! Setup might be a bit easier especially for folks that don't often run agents locally, but so far so good.

How is this different from Remotion? That's what I use with Claude Code for short videos right now.

Congrats on the launch! We’ve been using Clayzo to make explainer videos for our recent projects (example below) and the results have been excellent. Before this I always tried to prompt smith my way to a motion video I saw online but got disappointing results. Clayzo just works, and it feels like giving Claude or Codex a superpower. Highly recommend everyone giving it a try.

A couple feature requests / ideas for the Clayzo team:

  1. A references / mood board to "make a video like this" or remix inspirations from my swipefiles, beyond my own brand guidelines. I'd like the result to be faithful not only to my product, but to the vibe or structure I'm looking for in the animation/video.

  2. Easily annotate visually so I can watch through a 1st draft, pause, mark up what's on screen to convey my feedback directly, in as few review-and-fix passes as possible.

I was also curious about the bet you're making on doing everything in code. What are the advantages & trade-offs of this approach vs. image/video gen? Are there times a hybrid approach works best?

Congratulations on the launch! I've been obsessed with motion graphics recently because of Claude Motion, so it's always cool to check out alternatives. plus, it's free! claude motion is only accessible through claude team or enterprise.

The single-frame preview caught my eye. Being able to inspect the awkward moment in an animation seems useful when you're giving the agent its next instruction.

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 186 upvotes and 31 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!

Clayzo was featured in Design Tools (263.7k followers), Graphics & Design (4.4k followers) and Animation (2.5k followers) on Product Hunt. Together, these topics include over 49.1k products, making this a competitive space to launch in.

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.

Reviews

Clayzo has received 1 review on Product Hunt with an average rating of 5.00/5. Read all reviews on Product Hunt.

Want to see how Clayzo stacked up against nearby launches in real time? Check out the live launch dashboard for upvote speed charts, proximity comparisons, and more analytics.