---
title: "Card Deck — Free Framer component · Best of Framer"
description: "Free Framer component · by UX Ridham · Cards. To use this card deck interface, simply interact with each card by hovering over or clicking on it."
canonical: "https://framer.elliotli.dev/component/card-deck"
---

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

# Card Deck

Interactive layered card motion

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

![Card Deck preview image 1](https://framer.elliotli.dev/og/component/card-deck/026db675ff77b48e/1600x1200.jpg)

## Summary

To use this card deck interface, simply interact with each card by hovering over or clicking on it.

## Description

To use this card deck interface, simply interact with each card by hovering over or clicking on it. Each card labeled sequentially from Card 1 to Card 7 acts as an entry point to more detailed content or actions.You can leverage this card deck for showcasing portfolios, project highlights, product features, or any multi-part content. To customize it to your needs, use your website builder’s options to edit text, images, and links on each card. The modular layout means you can reorder, add, or remove cards to suit your narrative.

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

-   All · #1821

## Details

- **Author**: UX Ridham
- **Published**: 2025-08-06
- **Updated**: 2026-04-25
- **Added**: 2025-08-02
- **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