Bounce Cards

Five cards that bounce into place with an elastic stagger. Hover one to watch the rest scatter out of its way.

card-0
card-1
card-2
card-3
card-4

How it works

I wanted the cards to feel alive when they show up. They pop in one at a time with that elastic, slightly-overshooting kind of bounce. When you hover one, the others politely step out of the way so it can come forward.

Tech

  • React
  • GSAP
  • CSS Modules
  • Tailwind