Spring field
An elastic system that yields to pressure and recovers its shape.
- Status
- Live
- Medium
- Framer Motion
- 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.
01 · Notes
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.
02 · Notes
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.
If something feels off, start there.
Tell me what's going on and what a good outcome would look like. A short email is enough — I read every one and reply within two working days.