Image Stack

Image Stack is a highly interactive Framer component that displays multiple images as a draggable card stack with a visually appealing fan-out layout. It’s designed to add motion, depth, and engagement to your projects, making it ideal for dynamic presentations, product showcases, and swipe-based user interfaces.

The component allows users to drag and swipe the top card away to reveal the next one underneath. Once a card is dragged beyond a defined threshold, it automatically moves to the back of the stack while maintaining proper z-index ordering. Smooth spring-based animations ensure natural and fluid transitions, while hover effects enhance interactivity.