Animate

Motion serves the interaction. Content stays readable, input responsive, and the final state correct when animation is reduced, interrupted, replayed or unavailable.

Select the mode

• Storyboard: trigger, sequence, spatial relationship and end state, before code.
• Dials: a few development-only parameters when interactive tuning helps.
• Critique: name the concrete perceptual or interaction issue in existing motion.

Use the installed animation stack or native CSS/Web Animations. Do not add Motion, a canvas renderer or a build dependency because a sample uses one. Check actual library versions and official APIs when uncertain.

Implement the sequence