LIVE

Movement with a job to do.

Replay intent-based recipes. Each declares where it belongs, where it does not, and what replaces it under reduced motion.

rule.motion.purpose-first

Enter

Introduce new content without layout shift.

enter

Feedback

Acknowledge an explicit user action.

feedback

Reveal

Guide attention once, then become still.

reveal

RECIPES

Choose by intent

Introduce new content without layout thrash

Signal removal of content

Progressively reveal content as users scroll

Communicate expand/collapse hierarchy

Acknowledge user input

Preserve spatial continuity across routes

Show list insert/remove/reorder

Show grabbed object and drop target

Map scroll position to subtle progress cues

Morph shared elements across states