The Framer Motion docs list every prop, but they can't make you feel the difference between a spring and a tween, or what stiffness and damping actually do to a motion. So I built four live demos with the code next to each — drag the sliders, fling the box, and it lands.
▶ Live demo: https://framer-motion-lab.vercel.app/
Source (React 19 + Framer Motion 11): https://github.com/dev48v/framer-motion-lab
The one insight worth the whole lab
A tween has a fixed duration — it always takes the same time, regardless of distance:
