Material Design motion
Listed inMotion PrinciplesMotion & Interactionon
Easing, duration, and transition patterns specified as a system rather than described as a feeling.
External
Google · m3.material.io#motion
#systems
How the interface behaves between states — the timing, feedback, and continuity that make a product feel responsive rather than animated.
11 articles
Listed inMotion PrinciplesMotion & Interactionon
Easing, duration, and transition patterns specified as a system rather than described as a feeling.
Listed inReduced MotionMotion & Interactionon
What the media query actually reports, how users set it, and the difference between reducing and removing motion.
Listed inLoading & Perceived PerformanceMotion & Interactionon
The thresholds behind perceived performance — LCP, INP, CLS — and what each one is actually measuring.
Listed inEasing & DurationMotion & Interactionon
Why most animation is too slow, and the curve and timing ranges to default to.
Listed inLoading & Perceived PerformanceMotion & Interactionon
Skeletons, optimistic updates, and the thresholds where waiting starts to register as slow.
Listed inMicro-interactionsMotion & Interactionon
The trigger, rules, feedback, and loop behind every small moment of response.
Listed inFeedback & AffordanceMotion & Interactionon
Signalling what is interactive and confirming that it worked, within the window users notice.
Listed inMotion PrinciplesMotion & Interactionon
Motion as explanation of change, not decoration, and the small vocabulary worth standardising.
Listed inGestures & TouchMotion & Interactionon
Target sizes, discoverability, and why a hidden gesture always needs a visible alternative.
Listed inTransitions & ContinuityMotion & Interactionon
Preserving context across a change so the user does not have to re-find their place.
Listed inReduced MotionMotion & Interactionon
Respecting the preference properly — reduce and replace, rather than remove and break.