Toggle Card
One spring value drives card scale, with visible overshoot above 1.0.
Smooth State Change
Scale uses spring dynamics and opacity uses a linear transition.
Progress
1.00
motionspring
Interactive demos for MotionSpring. Use the global controls to tune the spring behavior across all demos on this page.
Global Spring Controls
Applies to Toggle Card, Number Spring, and Mouse Follower demos.
Number Spring
Set a target value and watch the meter and number settle naturally.
Target: 50
Animated: 50.00
Mouse Follower
Move inside the surface and the follower tracks with smooth Vector2 motion.
X: 0.0
Y: 0.0