Spring
field
A field of dots on a grid. The cursor parts them — each springs outward by how close you are — and the moment you leave, they spring home.
Focus
An elastic system that yields to pressure and recovers its shape.
Medium
Framer Motion
Duration
Ongoing
Last updated
June 2026
Move your cursor across the dots above. Each one springs away in proportion to how near you are, warming as it moves; leave, and the springs pull the whole field back into its grid.
Why this
one.
Good systems are elastic, not rigid. Push on them and they yield — locally, proportionally — and then recover their shape without keeping the dent. That is true of a resilient roadmap, a healthy team, a well-made interface. Rigid things crack; brittle things stay bent. This is elasticity with nothing else attached.
How it
works.
Framer Motion and its spring physics — a different idea from a GSAP timeline. There is no keyframed animation here at all: each dot derives a target offset from the live cursor position (a motion value), and a spring continuously chases that target. Remove the input and the target returns to zero, so the spring carries everything home on its own.