← Playground

Morphing button

One button, four states.
Tuned with real springs.

Experiment 004 / 4 states

Settles in 592 ms

Notes

Each change is one shape becoming another, not one button swapped for the next, so your eye never loses it. Stiffness is how hard the shape pulls toward its new size; damping is how quickly it settles. High stiffness with low damping overshoots and wobbles. Low stiffness with high damping drifts in slowly.