Day 04 / Experiment

Spring Physics

Feel the physics. Drag the ball, adjust the sliders, and discover how stiffness, damping, and mass shape motion.

Spring Physics Playground

Drag the ball and adjust the parameters to feel the physics

Drag & release

Live Controls

Stiffness400.0

Damping25.0

Mass1.0

spring.config.ts

// Framer Motion spring config
transition: {
  type: "spring",
  stiffness: 400,
  damping: 25,
  mass: 1.0
}

Built with Framer Motion • Try the presets above