Clayzo

Clayzo is an animation engine built for coding agents. Rather than building motion design by hand in a separate animation tool, you describe the motion you want and an agent such as Claude Code, Codex or Cursor writes it in code, looks at the result, and iterates. The finished animation can be shipped as a video or played live on your website. Clayzo presents itself as animation built for Claude Code, Codex and Cursor, and its showcase spans campaigns, 3D, product UI and interactive pieces, from a ten-second feature launch post to a cursor-driven halftone portrait. That range makes the product relevant to anyone who already works with a coding agent and wants motion graphics to come out of that same workflow instead of a separate pipeline. The idea behind Clayzo is a shift in how motion design gets made. Coding agents like Claude Code, Codex and Cursor already work inside a code workflow, and Clayzo gives them an animation engine to work with, so motion becomes something the agent produces rather than something assembled by hand frame by frame elsewhere. The site states the loop plainly: you describe the motion, your agent writes it, looks at the result, and iterates. The output is either a video you ship or an animation that plays live on your site, so one piece of work can serve a launch video and an interactive page. Everything you make is yours to reuse and remix, and Clayzo says work is never locked in: you can easily change anything or spin up as many variations as you like. The product is backed by Afore Capital and is free. Clayzo is designed to work with coding agents rather than replace them. The site names Claude Code, Codex and Cursor specifically, and its own FAQ asks which agents it works with and which models work best, making agent compatibility a first-class part of the product. In practice this means the animation is authored in code by the agent you already use, inside the environment you already work in, so there is no separate animation editor to learn. You describe the motion in plain terms, the agent writes it, and Clayzo provides the engine the agent targets. For teams already directing agents at other development tasks, motion graphics become one more thing the same agent can be asked to produce, keeping animation inside the existing coding workflow instead of splitting it off into a different tool and a different set of skills. A defining part of the workflow is the review loop. Clayzo's pitch is that your agent writes the animation and then reviews every frame, iterating until the motion matches what you described. That feedback cycle is what makes an agent-authored animation practical: instead of accepting whatever code comes out first, the agent can inspect the rendered result and refine it. When the animation is right, you choose the output. You can ship it as a video, exporting it as motion graphics for use wherever a video file is needed, or you can play it live on your site as a running animation. The same underlying work therefore covers both a rendered clip and an in-browser experience, which is useful for launch posts, ads, logo stings and product explainers that often need to exist in more than one format. Clayzo also covers live and interactive animation on the web. Beyond video, animations can play live on your site, and the showcase includes interactive pieces whose motion responds to the visitor: a halftone portrait rendered as a screen with a lens that follows the cursor and reveals the photograph underneath, a field of split discs that turn to face the cursor and flare hot where it passes, with a click sending a ripple through them, and a premium card that tilts toward the cursor with a highlight sliding across the metal and a shadow that follows. Other examples include a settings toggle, an agent thinking state, a payment confirmation and a piece that follows your cursor, showing that interaction and micro-motion are part of what the engine is built to produce. Clayzo's player is presented as lightweight. The site includes a direct comparison of WebGL players and states that Clayzo is 1.0× smaller than Rive, showing the Clayzo WebGL player against the Rive WebGL player. A smaller player matters for live animations because the runtime is what every visitor loads when the animation plays on your site, so keeping it small supports the goal of playing motion live rather than only embedding pre-rendered video. Getting started is similarly lightweight: the site shows a single command, npx clayzo@latest init, which is how you initialize Clayzo in a project. From there the work happens through your coding agent, which writes the animation in code and iterates against the result, with Clayzo supplying the engine and the WebGL player that ultimately runs it. Overall, Clayzo's approach is to treat animation as code written and refined by an agent. You describe the motion; the agent writes it, looks at the result, and iterates; the output ships as a video or plays live on a site. Because the work is code rather than a locked file inside a proprietary editor, everything you make is yours to reuse and remix, and the site emphasizes that it is never locked in: you can easily change anything or spin up as many variations as you like. The showcase illustrates the breadth of that approach across campaigns, 3D, product UI and interactive categories, covering launch posts, ads, logo stings, 3D shorts, explainers, product demos and cursor-driven web interactions, all produced through the same agent-driven loop. The benefits follow from that loop. Because the agent reviews every frame and iterates, you can refine motion by describing what you want rather than by manually adjusting it. Because the result can be exported as video or played live, you avoid rebuilding an animation for each destination. Because the player is WebGL and described as smaller than Rive's, live playback stays lean. Because everything is yours to reuse and remix and is never locked in, animations can be changed, extended and turned into multiple variations without starting over. And because Clayzo works with the coding agents teams already use, motion graphics fit into the existing workflow. The product is free, which removes cost as a barrier to trying the agent-driven approach on a real project. The showcase lays out concrete use cases. Campaign work includes a launch post for a Stack feature, where loose shapes snap into an auto-layout grid and teammates resize and duplicate them live. Advertising includes a punchy square ad for three new flavours, with each can flooding in on its own colour and a stamp that keeps turning. Branding includes logo stings: four quarter tiles swinging in and locking into a mark for Quarto, and a single white stroke on red drawing a crescent and writing a wordmark for lune. 3D work includes a wooden marionette short and a 3D explainer of Intel's earnings with a chip riding a rollercoaster. Product UI work includes a running app product shot where a tap opens into detail with the route replaying and splits rolling in, an AI spreadsheet where a Funding stage column fills in and grows into a chart, and an issue tracker where a new issue lands on the board and is dragged to In Progress. Interactive work includes the halftone lens, pointer field and tilt card. Clayzo is aimed at people who work with coding agents such as Claude Code, Codex and Cursor and want to produce motion graphics, product animations and interactive web animations through them. Its showcase categories, campaigns, 3D, product UI and interactive, indicate the kinds of work it is used for, from marketing launch posts and ads to product demos and cursor-responsive web experiences. The site notes that Clayzo is backed by Afore Capital and states that it is free, with a getting-started step of running npx clayzo@latest init. Its FAQ addresses questions about what Clayzo is, how to get started, which models work best, whether you can use your own images, fonts or components, which agents it works with, whether it is really free, where you can play Clayzo animations, and how it differs from Rive or Lottie. Clayzo's core value proposition is simple: animation, built for coding agents. You describe the motion, your agent writes it and reviews every frame, and you ship the result as a video or play it live on your site through a WebGL player the site describes as smaller than Rive's. Everything you make is yours to reuse and remix, nothing is locked in, and variations are easy to spin up, all through agents you already use and at no cost.