The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
MasonFilter is now live on the Framer Marketplace 🎉
A filterable, sortable masonry grid with a built-in lightbox. Cards of any height pack tightly using true shortest-column-first logic no gaps then reflow with smooth animation as visitors filter and sort. Click any item to open a fullscreen lightbox.
What's inside:
• True JS masonry packing no gaps
• Filter by category + sort (Featured, A–Z, Newest…)
• Animated FLIP-style reflow
• Built-in fullscreen lightbox with keyboard nav
• Responsive auto / breakpoint columns
• Deep styling: cards, hover, fonts, toolbar
Fully responsive and fully styleable no code.
#Framer #FramerMarketplace #NoCode #WebDesign #Masonry #Portfolio
Get it here →
https://framer.link/36ZMFcN
framer.link
MasonFilter: Premium Layout Component by Nirav Jivani
Filterable masonry with lightbox — MasonFilter by Nirav Jivani — explore this Framer Component on the Framer Marketplace and customize it in Framer’s no-code website builder.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Made some project page fixes on my Framer template in progress and made the project index page responsive before going to bed tonight.
To keep the UX feeling nice I added a scroll snapping effect to the project video panes so that they never appear only partially, but one pane at a time is always fully on screen as the user scrolls. 🔧
Really inspiring work! 😁
Our studio site is now a free Framer template 🔥
For almost two years this site was home for Heat Bureau. Clients found us through it and we shipped some of our best work from it.
We’re cooking something new for 2027, so it’s time to let this one go. Instead of archiving it, we cleaned it up and made it free for everyone.
Bonus: our FLORA techniques. We generated every placeholder image in this template with two FLORA techniques of our own. They’re yours too:
• Late-90s Editorial
• Crimson Editorial
Write two short lines, what the images are for and how they should feel, and you get a five-frame editorial story. The template has a guide page with 10 ready-to-copy prompts.
Grab it, make it yours, and tag us when you ship something. We’d love to see it:
Kiln Template
That crimson editorial look is so good.