Animation that helps
Motion should explain something, not decorate it.
Review the motion in this: <paste> Rules I want applied: - Every animation explains a relationship — where something came from, where it went, what changed. Cut anything that's decoration. - Nothing over 200ms for interface feedback, 300ms for larger transitions. - Ease out for things arriving, ease in for things leaving. - Animate transform and opacity only. Anything else causes layout work and stutters. - prefers-reduced-motion honoured — and that means removing motion, not just shortening it. Tell me which of my current animations delay the user rather than informing them.
Any animation that runs before the user can act is a delay. Feedback should start immediately and finish quickly.