---
title: "Masonry Pro — Free Framer component · Best of Framer"
description: "Free Framer component · by yahya · Galleries. This component brings your favourite masonry grid layout in framer."
canonical: "https://framer.elliotli.dev/component/masonry-pro"
---

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

# Masonry Pro

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

![Masonry Pro preview image 1](https://framer.elliotli.dev/og/component/masonry-pro/e5e94ba4a61a7f6a/1600x1200.jpg)

## Summary

This component brings your favourite masonry grid layout in framer.

## Description

This component brings your favourite masonry grid layout in framer. With support for ordered or random/chaotic grid style layouts.

The big deal about it is that you can add real time filtering to it meaning, if your users want to see visuals of a certain category, they can do so with 2 clicks filtering of the categories you set

## Here is a full breakdown of what you get

-   Image Customization/Uploads
    
-   Real time filtering with Categories
    
-   Grid type Option for Ordered or masonry style
    
-   Font & Color Customization for filteing UI
    
-   Align for filter
    
-   Grid columns Customization i.e 2,3, 4 etc
    
-   Spacing and padding Vlaues for the grid
    
-   and much more
    

This component. makes it super easy to create a masonry grid with in just a few customizations and its available for free. Try it out

## Example layouts

**Masonary/Chaotic**. In this style, images fill the space based on their height which creates a masonry effect in the gallery

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

**Ordered.** With the same images, you can see that we can have an ordered grid layout with clear grids and order

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

And interestingly, a flter option to make focused viewing faster. ie users looking for only potraits can filter and view those when they filter, super useful, right?

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-dzvpr2cz-7IfLM3ZVGs3GRMCUcTRUgCctCNW3P3)

Grab it and test it yourself for free

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

-   All · #850

## Details

- **Author**: yahya
- **Published**: 2025-10-30
- **Updated**: 2025-10-30
- **Added**: 2025-10-17
- **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