---
title: "Expanding Cards Grid — Framer component · Best of Framer"
description: "$8.00 · Framer component · by Ilkem Ege · Cards. Expanding hover bento card layout"
canonical: "https://framer.elliotli.dev/component/expanding-cards-grid"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Expanding Cards Grid

# Expanding Cards Grid

Expanding hover bento card layout

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

![Expanding Cards Grid preview image 1](https://framer.elliotli.dev/og/component/expanding-cards-grid/6eda7b04607c5830/1600x1200.jpg)

## Summary

Expanding hover bento card layout

## Description

This component introduces a fluid, interaction-driven bento card layout designed to guide attention and create hierarchy without adding visual clutter. When a user hovers over a card, it expands while adjacent cards compress, creating a smooth focus effect.

The component is structured for flexibility. You can easily replace content, adjust spacing, and styling. It works well for showcasing features, case studies, portfolios, or product highlights.

On mobile devices, the interaction replaces hover behavior with a touch-based pattern.

1.  **Copy the Component Link**: Locate the component in your Framer assets and drag it onto your canvas.
    
2.  **Top-Level Editing**: Click the component once to access all content controls in the right-hand sidebar.
    
3.  **Swap Media**: Use the right-hand sidebar component properties to upload your own visuals directly to the grid.
    

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

-   All · #8785

## Details

- **Author**: Ilkem Ege
- **Price**: $8.00
- **Published**: 2026-05-12
- **Updated**: 2026-05-12
- **Added**: 2026-04-30
- **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