---
title: "Expand Cards — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Sohail Ansari · Cards. Live Preview Expand Cards turns a row of images into an interactive, cinematic showcase."
canonical: "https://framer.elliotli.dev/component/expand-cards"
---

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

# Expand Cards

Hover-expanding image gallery

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

![Expand Cards preview image 1](https://framer.elliotli.dev/og/component/expand-cards/1edc0948e25b2a9c/1600x1200.jpg)

## Summary

Live Preview Expand Cards turns a row of images into an interactive, cinematic showcase.

## Description

[Live Preview](https://expandingcard.framer.website/?editSite)

Expand Cards turns a row of images into an interactive, cinematic showcase. One card sits wide and active while the rest collapse into slim vertical columns — hover or click any collapsed card and it smoothly expands while the others fold back down.

Every visual detail is a property control, so you can restyle it completely without touching code: font, size, weight, line-height, letter-spacing, and color for the title, subtitle, badge, and label — each fully independent. Add up to 6 cards, drop in your own images, and optionally link each card to a URL.

Fully responsive: on narrow frames, the layout automatically switches from side-by-side panels to a vertical accordion stack, so it looks right on both desktop and mobile.

**Features:**

-   Smooth hover or click-to-expand animation, 7 easing curves
    
-   Up to 6 fully customizable cards (image, title, subtitle, badge, link)
    
-   Independent typography controls per text element
    
-   Automatic mobile stacking — no separate breakpoint variant needed
    
-   Zero code required — every value is a property control
    

**Great for:** course platforms, portfolios, team/instructor pages, product category selectors, and editorial feature sections.

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

-   All · #7818

## Details

- **Author**: Sohail Ansari
- **Price**: $5.00
- **Published**: 2026-09-03
- **Updated**: 2026-09-03
- **Added**: 2026-09-03
- **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