Foundations
Motion
Durations, easing curves and springs, with live demos that stop under reduced motion.
Live demos
Motion explains a change; it never decorates. The demos pause under reduced motion.
Durations
Durations in milliseconds.
| Token | ms |
|---|---|
| ambient | 2400 |
| base | 200 |
| fast | 120 |
| instant | 0 |
| moderate | 280 |
| slow | 400 |
| slower | 560 |
Easing
Cubic Bézier curves, drawn from the tokens.
Springs
Springs from the Material 3 motion tokens; standard everywhere, expressive only for Android moments.
| Spring | Stiffness | Damping ratio |
|---|---|---|
| standard.defaultEffects | 1600 | 1 |
| standard.defaultSpatial | 700 | 0.9 |
| standard.fastEffects | 3800 | 1 |
| standard.fastSpatial | 1400 | 0.9 |
| standard.slowEffects | 800 | 1 |
| standard.slowSpatial | 300 | 0.9 |
| expressive.defaultEffects | 1600 | 1 |
| expressive.defaultSpatial | 380 | 0.8 |
| expressive.fastEffects | 3800 | 1 |
| expressive.fastSpatial | 800 | 0.6 |
| expressive.slowEffects | 800 | 1 |
| expressive.slowSpatial | 200 | 0.8 |