Masonry Pro: Free Component by KIBERU YAHAYA

A component to create masonry gallaries and layouts out of the box. Inspired by pinterest, lummi and ai visual displays with full customization and filtering. Made with Workshop.

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?