---
title: "Swipe Deck — Framer component · Best of Framer"
description: "$12.00 · Framer component · by Gwatsin T · Cards. Swipe Deck turns any set of layers into a stack of cards you throw away with the pointer."
canonical: "https://framer.elliotli.dev/component/swipe-deck"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Swipe Deck

# Swipe Deck

A card stack you flick away

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

![Swipe Deck preview image 1](https://framer.elliotli.dev/og/component/swipe-deck/804c1586648691e6/1600x1200.jpg)

## Summary

Swipe Deck turns any set of layers into a stack of cards you throw away with the pointer.

## Description

**Swipe Deck** turns any set of layers into a stack of cards you throw away with the pointer. Flick the top card and it leaves with the speed you gave it; the card behind rises to take its place and the rest of the deck steps forward. A nudge that is not hard enough springs the card back instead, so it never feels like it is guessing.

Put testimonials, portfolio pieces, product cards or team members into the Cards slot. Ten property controls cover how many cards show behind the top one, their offset and shrink, tilt while dragging, how hard a throw has to be, which axis it moves on, looping, and the spring as cards settle.

**Three ways to set it**

_Testimonials_. A shallow stack that loops forever, so the deck never runs out.

_Portfolio_. A deeper stack with more tilt, that ends when the last card goes.

_Swipe to decide_. Horizontal only, two cards visible, a light throw.

**Setting up**

Paste the component link into your Framer project's Insert panel. Nothing to install.

**Good to know**

Every layer in the Cards slot needs to sit at the top level of your page, alongside the breakpoint frame. That is how Framer slots work, and it applies to each card.

Dragging runs on published sites and in preview. On the canvas the deck holds still so it stays easy to select. Works with mouse and touch.

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

-   All · #6959

## Details

- **Author**: Gwatsin T
- **Price**: $12.00
- **Published**: 2026-09-11
- **Updated**: 2026-10-24
- **Added**: 2026-09-11
- **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