Foundations

Motion

3 tokens

Timing for animations, transitions and auto-advance.

Loading saved values…

Live preview — transition speed

--ds-transition

Default transition duration for all animations

ms
--ds-swap-interval

Hero text swap timing on landing page

ms
--ds-tab-interval

Tab section auto-advance timing

ms
    Motion — Design system — BentoSMS