clayzo.com

mx

smtp.google.com

ns

ns2.vercel-dns.com

ns1.vercel-dns.com

caa

pki.goog

sectigo.com

pki.goog

amazon.com

awstrust.com

sectigo.com

letsencrypt.org

letsencrypt.org

txt

v=spf1 include:mailgun.org ~all

google-site-verification=Ct_RkXnVoyJo7j81at_bnpHNpiwi0dbPSKFbaD_2QAc

dmarc

v=DMARC1; p=none; pct=100; fo=1; ri=3600; rua=mailto:e894100a@dmarc.mailgun.org,mailto:b9b8e935@inbox.ondmarc.com; ruf=mailto:e894100a@dmarc.mailgun.org,mailto:b9b8e935@inbox.ondmarc.com;

User-agent: *
Allow: /
Content-Signal: ai-train=yes, search=yes, ai-input=yes

# For agents: a summary at /llms.txt, the whole site at /llms-full.txt, and
# every page as Markdown at its own path plus .md (/index.md, /blog.md, ...).

Sitemap: https://www.clayzo.com/sitemap.xml

# Clayzo

> Clayzo is an animation engine built for coding agents. Agents like Claude Code, Codex and Cursor use it to write motion graphics, product animations and interactive web animations as typed documents, check their own frames, and ship them to play live on the web (HTML, React, Next.js) or natively in Swift on iOS and macOS. Free for your own sites and apps.

Key facts:

- Install: `npx clayzo@latest init` installs the Clayzo packages and agent skills; then ask your agent for an animation in a sentence.
- Agents check their work by rendering frames, contact sheets and loop seams before a human looks.
- Supports interactive animation (pointer, host inputs, triggers), custom shaders and GPU effects, your own images, fonts and components.
- Exports MP4, MOV, WebM, GIF, PNG sequences and portable .clayzo bundles.
- Free for animations on your own sites and apps; building a product on top of Clayzo needs a license from team@clayzo.com.

## Site

- [Clayzo overview](https://www.clayzo.com/index.md): what Clayzo is, how it works, what makes it different, example prompts and FAQs
- [Blog](https://www.clayzo.com/blog.md): all posts
- [How we built clayzo.com with Clayzo](https://www.clayzo.com/blog/how-we-built-clayzo-com.md): Every animation on our site was written by a coding agent with Clayzo, and most of it plays live instead of as video. Here's how it came together.

## Docs

- [Documentation index](https://docs.clayzo.com/llms.txt): every docs page in Markdown
- [Quickstart](https://docs.clayzo.com/quickstart.md): From an empty project to an exported animation.
- [Working with agents](https://docs.clayzo.com/authoring/agents.md): Install the Clayzo skills and brief your agent.
- [Writing documents](https://docs.clayzo.com/authoring/documents.md): The animation document format, authored in TypeScript.
- [Interactivity](https://docs.clayzo.com/authoring/interactivity.md): Pointer behaviour, host inputs and triggers.
- [Fonts and assets](https://docs.clayzo.com/authoring/fonts-and-assets.md): Fonts, images, and making a document portable.
- [Previewing and review](https://docs.clayzo.com/authoring/previewing.md): Frame sheets, the preview server, loop seams and review packets.
- [Exporting media](https://docs.clayzo.com/exporting/media.md): Render to MP4, MOV, WebM, GIF or a PNG sequence.
- [Bundles (.clayzo)](https://docs.clayzo.com/exporting/bundles.md): Package a document with its fonts and images.
- [Choosing a renderer](https://docs.clayzo.com/playback/choosing-a-renderer.md): The WebGL and CanvasKit players.
- [React and Next.js](https://docs.clayzo.com/playback/react.md): The ClayzoPlayer component and useClayzoPlayer hook.
- [iOS and macOS](https://docs.clayzo.com/playback/ios.md): Native Swift playback without a web view.

## Optional

- [Everything on this site in one file](https://www.clayzo.com/llms-full.txt)
- Contact: team@clayzo.com
- X: https://x.com/useclayzo
- LinkedIn: https://linkedin.com/company/clayzo