Physics-based motion
Why springs feel better than cubic-bezier curves
}
/>
```tsx
animate(x, snapPoint, {
type: "spring",
velocity: gesture.velocity,
stiffness: 400,
damping: 40,
});
```
```tsx
import { motion } from "motion/react"
// Stiffness/damping/mass parameterisation
<motion.div
animate={{ x: isOpen ? 300 : 0 }}
transition={{ type: "spring", stiffness: 500, damping: 40 }}
/>
// Apple-style parameterisation
<motion.div
animate={{ x: isOpen ? 300 : 0 }}
transition={{ type: "spring", duration: 0.4, bounce: 0.15 }}
/>
```