MasonryGalleryColumn

MasonryGalleryColumn

About MasonryGalleryColumn

About

3D Masonry Grid Pro brings an advanced, dynamic media gallery to your Framer projects. Drop it into a portfolio, product showcase, or landing page and let visitors experience a smooth, fluid masonry layout that reacts beautifully to interaction. With built in 3D perspective controls, responsive column adjustments, and smart hover states, your images will seamlessly scale and adapt to any device layout.

What it does

This component renders a fluid masonry image grid, handles column distribution automatically, and applies real time 3D rotations based on user controls. The component features smooth global speed adjustments, adjustable perspective depth, customizable corner radiuses, and an interactive pause on hover function that gives you total control over how elements behave when a visitor interacts with them.

What you can customize

  • Grid settings: Total item count, column count with easy plus minus controls, column width, and gap spacing.

  • 3D & animation: Global speed modifier, perspective depth, exact X axis and Y axis rotation angles, and overall depth.

  • Styling & behavior: Corner border radius, custom box shadows, overlay color and opacity adjustments, and flexible pause on hover settings for individual columns or the entire grid.

Great for

  • Photography and design portfolios

  • Brand identity and launch pages

  • E commerce and product collection galleries

  • Creative studio case studies

  • Visual heavy sections on any landing page

Share your build

If you ship something cool with it, post it on X and tag me @Dulajweb

Need help?

Questions or feedback? Reach me anytime: dulajdilshan766@gmail.com or on X @Dulajweb