---
title: "Card Expand Reveal — Free Framer component · Best of Framer"
description: "Free Framer component · by Wael Tamzouk · Cards. Expandable cards with press interaction"
canonical: "https://framer.elliotli.dev/component/card-expand-reveal"
---

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

# Card Expand Reveal

Expandable cards with press interaction

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

![Card Expand Reveal preview image 1](https://framer.elliotli.dev/og/component/card-expand-reveal/3c9fa427d46f5ea0/1600x1200.jpg)

## Summary

Expandable cards with press interaction

## Description

## Features

-   Designed for a fixed three-card layout
    
-   Cards expand on press to reveal content
    
-   Each card supports title, text, and image
    
-   Default state shows title only
    
-   Layout remains stable during interaction
    
-   Fully responsive across breakpoints
    
-   Built using Framer variants and interactions
    
-   No code required
    

## Effects / Interactions

-   One card expands on press while others collapse
    
-   Layered content fades and moves in smoothly
    
-   Visual emphasis shifts to the active card
    
-   Motion remains subtle and controlled
    
-   Interaction handled natively in Framer
    

## Media Guidelines

Use consistent image ratios across all three cards for best results.Recommended sizes:

-   Card images: **300 × 300**
    

Using these ratios ensures smooth expansion and consistent alignment across breakpoints.

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

-   All · #5799

## Details

- **Author**: Wael Tamzouk
- **Published**: 2026-02-11
- **Updated**: 2026-02-11
- **Added**: 2026-01-31
- **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