Bring your interface to life.
Choose what you want to build. Each guide pairs an interactive preview with framework examples and practical usage notes.
- Focused guides
- 5
- Web frameworks
- 3
- Product recipes
- 4
Keep changes easy to follow.
Animate list changes, transitions, and feedback while preserving focus and stable item identities.
Live preview · Copyable code · Usage notes
Give a surface a little character.
Explore seven token-based treatments, tune their intensity, and compare animated and reduced-motion previews.
Live preview · Copyable code · Usage notes
Let the data keep its place.
Animate line, area, and bar updates. Inspect linked charts and try loading, empty, and reduced-motion states.
Live preview · Copyable code · Usage notes
Make every AI state understandable.
Compose prompts, response status, citations, tool activity, and decisions. Try the complete local simulation.
Live preview · Copyable code · Usage notes
Start with an interaction that works.
Install pricing, feature previews, onboarding, or command search. Adapt their state and callbacks to your product.
Live preview · Copyable code · Usage notes