Image Deck
A dynamic image stack with smooth drag, scroll, and auto-play interactions, perfect for showcasing visuals in motion. Fully customizable and responsive.
Make it with Workshop
Build your own component with AI
A dynamic image stack with smooth drag, scroll, and auto-play interactions, perfect for showcasing visuals in motion. Fully customizable and responsive.
Make it with Workshop
Build your own component with AI
Image Deck is a highly customizable card stack component built to elevate visual storytelling. With support for drag gestures, scroll-based interaction, and auto-play, it offers a fluid and engaging experience that adapts seamlessly to a variety of use cases, from landing pages to product showcases and creative portfolios.
What sets Image Deck apart is its fine-grained control. Every aspect, from stack angle and gap to animation behavior and scroll responsiveness, can be tailored with precision. This level of flexibility allows creators to craft smooth, on-brand interactions without touching a single line of code.
Preview: https://imgdeck.framer.website/
Watch this quick demo to learn how to set up the component.
Key Features
Add as many images as you want to the stack
Adjust the card width and height to match your layout
Click and drag cards to interact with the stack
Scroll through the stack using mouse wheel or trackpad
Auto-play with customizable interval for looping
Stack position: left, center, or right
Customize the stack gap and angle for depth and motion
Style card borders with custom radius, width, and color
Fine-tune animation stiffness and damping
Control scroll speed and smoothness for a tailored experience
