Quickstart

npx clayzo@latest init

npx clayzo login

Create a looping hero animation for our landing page using Clayzo.
1920x1080, 6 seconds, seamless loop. Three rounded cards drift in
from the right, settle with a soft overshoot, and a teal glow pulses
behind them. Palette: #101218 background, #01adae accent. Write the
document to animations/hero.json and show me a frame sheet.

npx clayzo render-frame animations/hero.json sheet.png --samples 6 --max-dimension 320

npx clayzo preview animations/hero.json

npx clayzo export animations/hero.json hero.mp4 --format mp4 --tier final

import { ClayzoPlayer } from "@clayzo/webgl-player/react";
import hero from "./animations/hero.json";

export function Hero() {
  return <ClayzoPlayer document={hero} options={{ loop: true }} />;
}