---
title: "Masonry Caption Grid — Free Framer component · Best of Framer"
description: "Free Framer component · by Milo Zoppini · Galleries. How to use Drag Masonry Caption Grid onto your canvas."
canonical: "https://framer.elliotli.dev/component/masonry-caption-grid"
---

[Home](/)/[Components](/components)/[Galleries](/components/category/galleries)/Masonry Caption Grid

# Masonry Caption Grid

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

![Masonry Caption Grid preview image 1](https://framer.elliotli.dev/og/component/masonry-caption-grid/f39100f55f1c355e/1600x1200.jpg)

## Summary

How to use Drag Masonry Caption Grid onto your canvas.

## Description

Create beautiful, **gapless** image grids where every photo keeps its **original proportions**. Perfect for portfolios, galleries, or moodboards.

## Features

-   **No gaps**: Seamless masonry layout with zero spacing.
    
-   **True aspect ratio**: Images render in their native proportions.
    
-   **Captions built-in**: Per-image **title & subtitle** with alignment controls.
    
-   **Readable overlays**: Solid/gradient background, **static or on hover**.
    
-   **Motion**: Smooth **hover states** and optional **scroll-reveal** animations.
    
-   **Responsive**: Set different column counts per breakpoint.
    
-   **Easy ordering**: Drag to rearrange images right in the canvas.
    
-   **Lightweight**: Optimized for performance and lazy-loaded images.
    
-   **Accessible**: Keyboard focus and alt text support.
    

## How to use

1.  Drag **Masonry Caption Grid** onto your canvas.
    
2.  Add images in **Images** (title & subtitle are optional).
    
3.  Choose **columns per breakpoint** (mobile/tablet/desktop).
    
4.  (Optional) Tune **Overlay**: position, static/hover, background and text.
    
5.  (Optional) Enable **Scroll Animations** and tweak **Hover** intensity.
    
6.  (Optional) Set **corner radius** and **max width**.
    

## Best for

-   **Portfolios**
    
-   **Lookbooks**
    
-   **Moodboards**
    
-   **Event recaps**
    

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

-   All · #2888

## Details

- **Author**: Milo Zoppini
- **Published**: 2025-09-02
- **Updated**: 2025-09-02
- **Added**: 2025-08-13
- **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