---
title: "Image Deck — Framer component · Best of Framer"
description: "$15.00 · Framer component · by Mauricio Amaral · Carousels. Image Deck is a highly customizable card stack component built to elevate visual storytelling."
canonical: "https://framer.elliotli.dev/component/image-deck"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/Image Deck

# Image Deck

[View on Framer](https://framer.com/marketplace/components/image-deck/?via=elliot-li)

![Image Deck preview image 1](https://framer.elliotli.dev/og/component/image-deck/f8300e15d2b186b2/1600x1200.jpg)

## Summary

Image Deck is a highly customizable card stack component built to elevate visual storytelling.

## Description

**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/**](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
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #6832

## Details

- **Author**: Mauricio Amaral
- **Price**: $15.00
- **Published**: 2025-08-05
- **Updated**: 2025-08-16
- **Added**: 2025-08-05
- **Categories**: Carousels

## More like this

-   [3DCurvedImageMarquee](/component/3dcurvedimagemarquee) — Lera · $4 — Curved perspective double ticker
-   [Orbit Kit Carousel](/component/orbit-kit-carousel) — Khairul Fauzy Khairudin · $12 — 3D drag carousel with inertia
-   [Team Orbit](/component/team-orbit) — Ali Musa · Free — Interactive Team Showcase
-   [Glow Testimonial](/component/glow-testimonial) — Interface Studio · Free — Testimonials with a Little Glow
