Motion with a reason

Animation is easy to add and hard to justify. Before anything moves, I ask one question: what does this motion tell the user?

Three good reasons

• Orientation — a page transition that shows where you came from and where you went.
• Feedback — a button that responds the instant it is pressed.
• Hierarchy — staggering content so the eye reads it in the intended order.

One bad reason

"It looks cool." Sometimes that is enough for a hero section. It is never enough for a form.

Respect the setting

Everything on this site checks prefers-reduced-motion first:

if (prefersReducedMotion()) return

Motion that cannot be turned off is not a feature; it is a barrier.