Masonry Pro

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

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

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?

Grab it and test it yourself for free