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.
Based on the provided screenshot "MasonryGalleryColumns-–-Framer-06-03-2026_09_10_PM.png", 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.
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.
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
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.
Questions or feedback? Reach me anytime: dulajdilshan766@gmail.com or on X @Dulajweb
Dulaj dilshan
