---
title: "Stacked Card — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Nabeel · Cards. About An interactive stack of cards with customizable animations and interactions."
canonical: "https://framer.elliotli.dev/component/stacked-card"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Stacked Card

# Stacked Card

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

![Stacked Card preview image 1](https://framer.elliotli.dev/og/component/stacked-card/d70f2c0e2e93c726/1600x1200.jpg)

## Summary

About An interactive stack of cards with customizable animations and interactions.

## Description

## About

An interactive stack of cards with customizable animations and interactions. It displays cards in a cascading layout with scaling and spacing effects, allowing users to navigate through the stack using swipe gestures, taps, or automatic animations.

This component a part of the 400+ components, layouts, templates, UI Kits and code overrides from SegmentUI PRO. Click [here](https://segmentui.com/uikit) to see the full library

## Instructions

1.  Copy and paste the component into your project file
    
2.  Connect your card designs to the Card Stack by using the drag handle
    
3.  Customize the component's behavior and animations by adjusting the properties in the right-hand panel (scale step, spacing, animation settings, interaction methods)
    

## How It Works

The component requires card instances as its main input, with several customizable properties:

-   Scale Step: Controls how much each subsequent card shrinks (0-0.2)
    
-   Spacing: Sets vertical distance between cards (0-100px)
    
-   Drop Offset: Determines how far cards move when dropped (0-300px)
    
-   Animation Speed: Controls transition duration (100-2000ms)
    
-   Pause Duration: Sets time between auto-animations (0-10000ms)
    
-   Auto Animate: Toggles automatic card progression
    
-   Swipe to Advance: Enables swipe gesture navigation
    
-   Tap to Advance: Enables tap/click navigation
    

## Support

For any queries and help setting up the component, contact [hello@segmentui.com](mailto:hello@segmentui.com)

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

-   All · #10372

## Details

- **Author**: Nabeel
- **Price**: $9.00
- **Published**: 2025-08-18
- **Updated**: 2025-08-15
- **Added**: 2025-08-13
- **Categories**: Cards

## More like this

-   [BlogX Blog Card](/component/blogx-blog-card) — Themomarket · $8 — Blog Framer Component
-   [FluxPrice](/component/fluxprice) — Jeshan Athulesh · $49 — Elevate your SaaS conversion rate in minutes with FluxPrice.
-   [Feature Ribbon Cards](/component/feature-ribbon-cards) — Studio Digital · Free — Interactive image feature cards
-   [Dynamic Pricing Calc](/component/dynamic-pricing-calc) — Dmitry Vorobey · $12 — Pricing cards with live calculator