reduced motion
Respect the user’s preference for less interface animation.
Use this when A transition uses large motion or persistent animation.
without the term
“Some users said the big sliding animations make them feel sick. Can you tone it down for people who've turned on reduce motion in their system settings, without breaking anything?”
with the term · How do you ask a model for reduced motion?
Respect prefers-reduced-motion for this interaction. Keep the outcome clear without nonessential movement and test both settings.
What is reduced motion?
Reduced-motion support replaces or removes nonessential movement when the user requests it through system preferences.
Why does reduced motion matter when vibe coding?
Generated animation may overlook people who find motion uncomfortable.
How do you do reduced motion?
Offer a restrained alternative while preserving state changes and feedback. Test with the preference enabled.
What goes wrong with reduced motion?
Removing an animation also removes the only indication that an action completed.