ComponentCardStack

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.