---
title: "MasonryGallery_all — Framer component · Best of Framer"
description: "$15.00 · Framer component · by Dulaj Design · Galleries. Build fluid masonry grids ease"
canonical: "https://framer.elliotli.dev/component/masonrygallery-all"
---

[Home](/)/[Components](/components)/[Galleries](/components/category/galleries)/MasonryGallery\_all

# MasonryGallery\_all

Build fluid masonry grids ease

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

![MasonryGallery\_all preview image 1](https://framer.elliotli.dev/og/component/masonrygallery-all/2a7727e93002a19f/1600x1200.jpg)

## Summary

Build fluid masonry grids ease

## Description

### About

FlexMasonry brings a highly optimized, fully responsive grid layout straight into your Framer projects. Drop it into a portfolio site, a product showcase, or a media blog to let your images naturally stack without breaking form. It effortlessly shifts layouts across devices, giving your users a seamless browsing experience right on the page.

### What it does

It renders a dynamic multi-column masonry grid for up to 12 images, handling seamless transitions between CSS Columns and JS Masonry layouts. The component automatically adjusts spacing and columns for mobile, tablet, and desktop views while using smart lazy loading to keep page speeds incredibly fast. It also includes an interactive lightbox feature and elegant hover effects for smooth user engagement.

### What you can customize

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-z9cfy1wg-PxOZh0sezP00yv4ThTz7zrY2Muf2Gd)

-   **Grid layout:** Toggle responsive behavior, customize specific column counts for mobile, tablet, and desktop, and fine-tune exact breakpoint triggers alongside the pixel gap between items.
    
-   **Render settings:** Choose between CSS Columns or JS Masonry engineering, select custom load animations like Wave, and pick your favorite hover overlay style.
    
-   **Media & text styling:** Turn the built-in Lightbox on or off, enable lazy loading for performance, and fully customize the background overlay color as well as the caption title text color.
    

### Great for

-   Portfolio and photography showcases
    
-   Brand moodboards and inspiration walls
    
-   Product feature galleries
    
-   Blog layout index pages
    
-   Creative studio landing pages
    

### Share your build

If you ship something cool with it, post it on X and tag me @Dulajweb , or send it over. I’d love to see what you create.

### Need help?

Questions or feedback? Reach me anytime: [dulajdilshan766@gmail.com](mailto:dulajdilshan766@gmail.com) or on X @Dulajweb

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

-   All · #7624

## Details

- **Author**: Dulaj Design
- **Price**: $15.00
- **Published**: 2026-06-05
- **Updated**: 2026-08-28
- **Added**: 2026-06-01
- **Categories**: Galleries

## More like this

-   [Geometry CMS Gallery](/component/geometry-cms-gallery) — Akshay M · $20 — Scroll-Animated Portfolio Gallery
-   [Fluid InfiniteScroll](/component/fluid-infinitescroll) — Atemo Art · $16 — LIQUID / PRISM Gallery
-   [Isometric Gallery](/component/isometric-gallery) — Edi Priatama · $5 — 3D image gallery
-   [HoverExpand Gallery](/component/hoverexpand-gallery) — piyush vichare · $2 — HoverExpand Gallery is a modern Framer component for creating interactive image galleries with smooth hover expansion.