Animation

Helping you to move more freely.

We have few default timings that help our UI move. The distance an object travels is relevant to its speed. Short distances work better with quicker times, longer distances work better with longer times.

Animation tokens

Name

Value

duration-xs

50ms

duration-sm

200ms

duration-base

400ms