Bounce CardsFanned Spring Stack
You might say
A handful of photo cards fanned out like a hand of playing cards: point at one and it straightens up, the neighbours step aside, and a click makes it wobble.
Bounce Cards is a fanned-stack motion driven by spring physics: cards fan out along a fixed left/right rotation rhythm, then pop in one by one from zero scale so the stagger reads as a wave.Every interaction runs through the same damped spring: the hovered card straightens, lifts and scales up while its neighbours are pushed aside, and a click adds a velocity impulse so the card feels poked. Spread / Rotation / Arc / Bounce / Push / Corner are exposed as sliders, so the tension can be tuned on the spot.
Also calledSpring CardsFanned Cards
Design Principles
- One job per card state: hover only straightens, lifts and scales the card; pushing neighbours away is a separate target, so the two reactions stack without fighting
- Entrance is a stagger, not a sync: 60–70ms between cards makes the stack feel dealt out rather than switched on
- Spring params are the feel: Bounce drives damping, Push drives the make-room distance — exposing them as sliders lets people compare crisp and soft on the spot
- A click is a velocity pulse: no page change and no new content, just a nudge into the spring — light feedback with a clear acknowledgement
Further reading