---
title: "grid-photo — Framer component · Best of Framer"
description: "$4.00 · Framer component · by Suman Debnath · Galleries. A compact 4-tile gallery that expands"
canonical: "https://framer.elliotli.dev/component/grid-photo"
---

[Home](/)/[Components](/components)/[Galleries](/components/category/galleries)/grid-photo

# grid-photo

A compact 4-tile gallery that expands

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

![grid-photo preview image 1](https://framer.elliotli.dev/og/component/grid-photo/a8f682693c031952/1600x1200.jpg)

## Summary

A compact 4-tile gallery that expands

## Description

**Photo Grid** is an interactive Framer component that turns a minimal 4-square cover into a full, animated photo gallery. In its closed state, the component appears as a tidy 2×2 tile icon. When a user taps or clicks any tile, the component expands into a responsive 2×2 grid of images.

## Why use Photo Grid:

-   **Compact by default** — saves layout space and reduces visual clutter until interaction.
    
-   **Delightful reveal** — click or tap opens a cascading/staggered animation revealing the images with natural easing.
    
-   **Responsive & touch-friendly** — works across desktop and mobile with optimised transforms for smooth playback.
    

## Use Cases:

-   Photographer or designer portfolios (compact previews that expand into work samples).
    
-   Travel and lifestyle galleries (teaser card that reveals images).
    
-   Product preview cards in landing pages or shop features.
    
-   Micro-interactions in hero sections to increase engagement.
    

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

-   All · #9560

## Details

- **Author**: Suman Debnath
- **Price**: $4.00
- **Published**: 2025-11-15
- **Updated**: 2026-02-16
- **Added**: 2025-10-25
- **Categories**: Galleries

## More like this

-   [Infinite Pan Canvas](/component/infinite-pan-canvas) — Aisol Studio · $15 — Endless image wall you can drag
-   [CMS Photo Pile](/component/cms-photo-pile) — Marso Angelov · $10 — Draggable Photo Gallery
-   [CMS Infinity Grid](/component/cms-infinity-grid) — 55N · Free — Boundless exploration.
-   [Endless CMS Reel](/component/endless-cms-reel) — Marso Angelov · $10 — Horizontal Momentum Gallery