✓ Do
Animate state changes: a chip being selected, a panel opening, a card appearing in a list.
✕ Don't
Animate on page load just for effect, loop animations, or use durations that aren't tokens. They'd ignore reduced motion.
styles
Motion shows what changed and where it came from, without slowing anyone down.
✓ Do
Animate state changes: a chip being selected, a panel opening, a card appearing in a list.
✕ Don't
Animate on page load just for effect, loop animations, or use durations that aren't tokens. They'd ignore reduced motion.