---
title: "Masonry Image Grid — Free Framer component · Best of Framer"
description: "Free Framer component · by Elemis Themes · Galleries. masonry image grid with customizable columns, spacing, hover effects, and an optional fullscreen lightbox."
canonical: "https://framer.elliotli.dev/component/masonry-image-grid"
---

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

# Masonry Image Grid

Masonry Image Gallery & Lightbox

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

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

## Summary

masonry image grid with customizable columns, spacing, hover effects, and an optional fullscreen lightbox.

## Description

🔗 [Live preview →](https://masonry-image-grid-component.framer.website/)

👉 [Browse more free templates →](https://www.framer.com/@elemis-themes/?tab=template&sort=popular)

A flexible masonry image grid with customizable columns, spacing, hover effects, and an optional fullscreen lightbox. Images can be revealed with smooth entrance animations, loaded progressively as you scroll, and explored with drag, swipe, or mouse wheel interactions.

### **Features**

• Responsive masonry-style image grid with 1–6 columns

• Customizable image gap and border radius

• Optional infinite scroll with adjustable image loading count

• Smooth image entrance animation with adjustable distance, duration, and stagger

• Optional image hover overlay with customizable text, color, font, and padding

• Optional fullscreen lightbox

• Drag and swipe navigation inside the lightbox

• Mouse wheel support for horizontal lightbox scrolling

• Momentum scrolling with adjustable smoothness

• Customizable lightbox image height and padding

• Optional interaction hint with editable text, font, color, and position

• Customizable lightbox overlay and close button

• Keyboard support with Escape to close the lightbox

• Customizable image alt text for accessibility

• Static-renderer support for cleaner exports and previews

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

-   All · #2854

## Details

- **Author**: Elemis Themes
- **Published**: 2026-09-10
- **Updated**: 2026-09-30
- **Added**: 2026-09-10
- **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