Motion

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