Image Deck

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