Browse documentation

Component library

Start from working motion.

Browse all 16 built-in Canvas scenes. Open a component to see its motion pattern, project path, and a practical way to adapt it.

4 components

Text and numbers

Bring a word or short line on screen one character at a time.

Reveal a sentence with an absolute-time caret and readable cadence.

Introduce a name and supporting role with a compact title system.

Move a numeric value through a smooth deterministic transition.

4 components

Combine lift, scale, and local content into a focused information card.

Build recognition with a short reveal around the original brand mark.

Compose profile identity, short copy, and a controlled card entrance.

Show a compact profile badge moving into a clear follow state.

5 components

Animate a pointer action and the resulting subscribed state.

Time prompt and reply bubbles as a compact conversational exchange.

Pair an expressive heart response with radial secondary motion.

Reveal a compact status message in a clear staged sequence.

Coordinate knob position, track color, and a readable state change.

3 components

Clip eased progress inside a clean rounded track.

Create phase-offset loading motion from absolute time.

Draw a procedural bar wave with a controlled rhythmic pulse.