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 , or send it over. I’d love to see what you create.

Need help? Questions or feedback?

Reach me anytime: We stand by the quality of our components. If you encounter any bugs, technical issues, or errors that prevent you from being fully satisfied with your purchase,

please reach out to us at dulajdilshan766@gmail.com within 7 days. If we cannot resolve the issue, we will issue a full refund immediately