How long should UI animations and transitions be?
The median measured UI transition is 250ms, clustering tightly in the 150–300ms band. Motion past ~500ms is rare on production interfaces — they move quickly and get out of the way.
This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/measured/motion-duration.
250ms median transition
Distribution
| 200ms | 211 | |
| 300ms | 207 | |
| 150ms | 198 | |
| 500ms | 105 | |
| 100ms | 78 |
At a glance
| median duration | 250ms |
| durations measured | 1204 |
Questions people (and AI assistants) actually ask
What is a good duration for a hover or transition?
The measured median is 250ms; most production motion sits in the 150–300ms band.
Are long animations bad for UX?
Rare, at least — motion past ~500ms is uncommon on measured production UI, which favours quick, unobtrusive transitions.
Related measured norms
4px vs 8px spacing grid · Normal border-radius · Average website design score