---
title: "Card Stack Reveal — Free Framer component · Best of Framer"
description: "Free Framer component · by Nostromo Studio · Cards. Card Stack Reveal turns a list of profile or content cards into a compact, animated deck."
canonical: "https://framer.elliotli.dev/component/card-stack-reveal"
---

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

# Card Stack Reveal

Stacked Cards That Fan on Hover

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

![Card Stack Reveal preview image 1](https://framer.elliotli.dev/og/component/card-stack-reveal/4ec4cdd01dae837c/1600x1200.jpg)

## Summary

Card Stack Reveal turns a list of profile or content cards into a compact, animated deck.

## Description

**Card Stack Reveal** turns a list of profile or content cards into a compact, animated deck. Cards sit stacked with real 3D depth — each one slightly behind the last, softly blurred and scaled down — and fan open into a clean list on hover or click. Add an optional auto-play loop and the stack cycles on its own, one card at a time, pausing the moment someone interacts with it.

## Key Features

-   Editable card list — image, title, and subtitle per card (3 to 8 cards)
    
-   Choose how it opens — Hover (mouse in, mouse out) or Click (tap to toggle) — with full keyboard support (focus, Enter/Space, `aria-expanded`)
    
-   Optional auto-play — cycles the stack on its own, with adjustable speed and interval; pauses on interaction and automatically when the browser tab is in the background
    
-   Fine-grained depth controls — overlap, perspective, blur, opacity, and scale per step
    
-   Native Framer controls throughout — Padding, Border Radius, Box Shadow, Font
    
-   Card height adapts to content — no fixed pixel height to fight with
    

Lightweight, self-contained, and ready to drop into any project.

## How to Set Up

1.  Drag Card Stack Reveal onto your canvas
    
2.  Add your cards — image, title, and subtitle for each
    
3.  Publish
    

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

-   All · #1038

## Details

- **Author**: Nostromo Studio
- **Published**: 2026-08-06
- **Updated**: 2026-09-02
- **Added**: 2026-08-06
- **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