Motion

Duration and easing tokens. Hover the cards to see each duration in action; click a token to copy it.

Durations

fast

0.2s

hover · link · button colour

base

0.3s

menu · label rise · most UI

slow

0.6s

panel sweep · radial reveal

Easing

ease — most transitions
ease-out — entering elements