All commands and Lenses
Lens · Make it feel alive
animate
Use motion to say "I heard you", "this came from there", and "this changed".
Motion with a job, at 60fps, using transform and opacity only. The more often a motion plays, the less of it there should be. Reduced motion still fades instead of jumping.
When to use it
- It raises
- Motion & interaction
- Skip it when
- The page already feels overstimulating (use quieter). Hiding weak layout behind movement.
Try it
/pristine polish animate the sidebar and dropdownsBest on menus, panels, lists that change and press feedback.
What it changes
| Before | After |
|---|---|
| Dropdown appears instantly and vanishes instantly | Scales from its trigger in 160ms, fades out in 120ms |
| Removed list item just disappears | Item collapses its height while the rest slide up, 200ms |