Image Stack
An interactive draggable image stack with a smooth fan-out effect, swipe gestures, spring animations, and full customization for galleries, showcases, and more.
Make it with Workshop
Build your own component with AI
About this Component
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.
