---
title: "ComponentCardStack — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Sahor · Cards. Screenshots, details, and remix links on Best of Framer."
canonical: "https://framer.elliotli.dev/component/componentcardstack"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/ComponentCardStack

# ComponentCardStack

by Sahor

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

![ComponentCardStack preview image 1](https://framer.elliotli.dev/og/component/componentcardstack/007082db8394d671/1600x1200.jpg)

## Summary

by Sahor

## Description

**What it does**

An interactive 3D component card stack with a tactile swipe gesture. Drag the top card in any direction and it gracefully sinks into the back of the deck. Use any component built in Framer for the cards.

**Features**

-   Swipe in any direction or angle to dismiss
    
-   Smooth spring physics with adjustable stiffness and damping
    
-   Four stack directions: right, left, top, bottom
    
-   Responsive — stack offset scales with container size
    
-   Auto-cycles when all your cards are visible
    
-   Full hover and link support inside card components
    
-   Works on touch and desktop
    
-   Component slot accepts any Framer design
    

**Controls**

-   **Stack Direction** — where cards stack behind the top
    
-   **Visible Stack** — how many cards peek out (2–6)
    
-   **3D Gap** — Z-depth between stacked cards
    
-   **Offset** — perpendicular offset, as % of container
    
-   **Scale Step** — size reduction per card in stack
    
-   **Swipe Threshold** — minimum drag to dismiss
    
-   **Stiffness / Damping** — spring feel
    
-   **Perspective** — 3D depth intensity
    
-   **Loop** — cycle back to first card
    

**Usage**

Drop the component on the canvas, size the frame to your card dimensions, and connect any Framer components via the Cards slot. Each card fills the container automatically. Works inside CMS connections too.

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

-   All · #4152

## Details

- **Author**: Sahor
- **Price**: $10.00
- **Published**: 2026-05-27
- **Updated**: 2026-05-29
- **Added**: 2026-05-18
- **Categories**: Cards

## More like this

-   [Particle Team Cards](/component/particle-team-cards) — Frame Native · Free — Portraits that move as particles
-   [Card Swap](/component/card-swap) — Antoine Lacombled · $9 — A 3D card stack you can fling
-   [Overlay Reveal Card](/component/overlay-reveal-card) — Pentaclay · Free — Project Card With Hover Overlay
-   [Deckshift](/component/deckshift) — BeyondPixel · $15 — Interactive Stacked Focus Cards