Give your agent better taste.

SVG motion — the tiny, hard-to-name behaviors that make an interface feel considered. Every one has a name and a specimen you can watch.

Make a motion study.

Add an allowlisted icon, shape, or sanitized SVG, tune its motion, then download or save the result.

720 × 480Your study stays in this browser session.

Focus the canvas, then use arrows to move · Shift for 10px · Delete to remove · ⌘/Ctrl Z to undo.

Session restore is browser-only. Sign in to keep this study as a versioned Asset Studio asset.

Downloads include a reduced-motion fallback and never upload. Saving to Heidi is always explicit.

Fade rise
A compact card fades in while rising gently into place.
Status swap
A pending status crossfades once into a completed state.
Pulse ring
Concentric rings expand and soften around a focus point.
Path draw
A route draws from left to right between three waypoints.
Orbit route
A satellite follows an elliptical route around a planet.
Shape morph
A rounded diamond loops into an organic blob and back.
Host required
Control states
One control communicates hover, keyboard focus, and pressed states.
Host required
Drag and throw
A draggable card follows the pointer and carries release momentum.
Host required
Magnetic cursor
Nearby nodes pull inward as a trusted host reports pointer proximity.
Host required
Scroll reveal
Content rows reveal in sequence as a host reports scroll progress.