Image Card Stack

Image Card Stack
Image Card Stack

About Image Card Stack

Turn any set of images into an interactive, swipeable deck. Drag the top card left or right past the threshold and it flies off with real spring physics, perfect for testimonials, portfolio pieces, product shots, or picking a favorite from a set.

What it does

  • Drag-to-dismiss with natural spring animation, tuned out of the box

  • Choose whether swiped cards loop back to the bottom of the deck, or disappear for good

  • When the deck runs out (loop off), a built-in "Reset" button brings the stack right back, no dead end

  • Fully responsive to your content: drop in any number of images, each with its own alt text for accessibility

Customize

  • Number of visible cards in the fan

  • Card size and corner radius

  • How loosely or tightly the stack fans out behind the top card

  • Toggle the drop shadow on or off

  • Hook onSwipe and onEmpty into your own Framer interactions to show an overlay, advance a counter, whatever you need

Why it's different from a plain image slider This isn't a carousel with dots, it's a physical, gesture-driven deck. Every card is genuinely draggable, the exit animation has real momentum, and running out of cards is a moment (Reset), not a dead stop.

No configuration required to look good. Every animation value is pre-tuned. Just drop in your images.