Masonry Gallery

Bring Pinterest-style layout magic to your Framer projects with this advanced Masonry Gallery component. Built with performance and customization in mind, it intelligently arranges your images using multiple layout algorithms, including:

• Balanced (smart vertical distribution)

• Random (chaotic aesthetic)

• Shuffled (most balanced random)

• Sequential (original order)

Key features:

• Fully responsive column system

• Hover animations and image overlays

• Intelligent image height estimation for layout precision

• An optional random seed for repeatable shuffles

• Customizable gap, border radius, and more

Perfect for:

• Portfolio grids

• Case studies

• Product displays

• Moodboards and inspiration boards

Drop it into your Framer project, choose your layout style, and let the gallery do the heavy lifting.