Motion lab

Beta

Dialog · Harbor · Tactile

FramePreview only

Alive under the hand. Syntara today.

Speed1.00

Stops at 0.85×: any slower and something would take longer than 500 ms.

Bounce100%

Fast120ms

Normal200ms

Slow320ms

Fast, normal and slow before speed. Moving one keeps them in order.

120 / 200 / 320 ms · spring 402 ms, 4.4% bounce

Standard easing

Enter easing

Enter easingSpring · 4.4% past rest

Slow motion

Hold open

Preview reduced motion

Dialog takes over the page when it opens, so the loop is a stand-in drawn with its own stylesheet. “Try the real Dialog” opens the component itself.