Start from a template
Polished starting points, from a button press to a launch countdown, ready to refine.
Templates are finished animations that pass the quality check. Open one as a new session and make it yours: change the text and colors, refine it in chat, or take it apart to learn how it's built.
- Choose File → New from Template… or press ⌃⌘N.
- Hover a card to play it.
- Click a template to open it as a new session.
- Refine it with chat, feedback chips or by hand. Many templates suggest a first change.
What's included
| Template | Category | What it is |
|---|---|---|
| Button Press | UI | Press, hold, spring release |
| Toggle | UI | Springy switch, on and off |
| Success Check | UI | Badge pops, check draws on |
| Toast | UI | In from the edge, out the same way |
| Loader | UI | Three dots, calm wave |
| Staggered List | UI | One row component with props and a read variant |
| Interactive Button | UI | Hover, press, loading, done. Try it with Interactive on |
| Onboarding Hero | Onboarding | Staggered welcome screen |
| Story Text Reveal | Social | 9:16, three-line hook |
| Square Text Reveal | Social | 1:1, per-letter fade up |
| Product Teaser | Product | Camera tilt onto the hero screen |
| Launch Countdown | Product | 3 · 2 · 1 · live |
| Logo Reveal | Logo | Stroke draws on, mark morphs |