Designed for Creative, Waterfall Layouts
Masonry Gallery Block
The Masonry Gallery Block is part of FolioBlocks — a premium WordPress plugin built for photographers, designers, and creatives who want complete visual control inside the block editor. It delivers a modern, free-flowing layout where images naturally fall into place, creating the signature waterfall-style presentation that makes your portfolio feel organic, dynamic, and beautifully unstructured.
Table of Contents
Block Features
Explore the key features that make the Masonry Gallery Block perfect for natural, flowing image collections. From responsive columns to filtering, lightbox viewing, hover overlays, and image styling, it gives mixed aspect ratios a polished gallery structure.
Natural Masonry Layouts
Create flowing image galleries that stack mixed aspect ratios into a balanced, organic layout.
Responsive Column Controls
Set separate column counts for desktop, tablet, and mobile to keep the gallery readable everywhere.
Image Resolution Control
Choose the image size used in the gallery for the right balance of quality and performance.
Responsive Gap Controls
Tune image spacing independently across desktop, tablet, and mobile breakpoints.
Drag and Drop Ordering
Arrange images directly in the editor and shape how the masonry flow begins.
Randomized Image Order
Let the gallery feel fresh on each visit with randomized front-end image ordering.
Hover Overlay Content
Show titles, captions, EXIF data, or product information on image hover.
Built-In Lightbox
Open images in a focused lightbox with optional fullscreen viewing and rich display content.
Image Actions and Linking
Link images to downloads, media files, custom URLs, pages, posts, or WooCommerce products.
Gallery Filtering
Add filter controls so visitors can explore larger masonry collections by category.
Professional Styling Controls
Customize borders, radius, click icons, overlay colors, typography, and shadows for a polished gallery.
Page/Post Settings
Control gallery behavior at the page level with options for lazy loading, right-click protection, and password-protected client galleries.
For a complete breakdown of what is included in each version, visit the Free vs Pro comparison page to see the full FolioBlocks feature list.
Screenshots
See how the Masonry Gallery Block is configured directly inside the WordPress editor. These screenshots highlight the settings for columns, spacing, filtering, hover overlays, lightbox behavior, image actions, and visual styling.
Guides & Tutorials
Learn how to get the most out of this block with our step-by-step tutorials and video guides. Whether you’re just getting started or exploring advanced features, we’ve got you covered.
Frequently Asked Questions (FAQ)
Use the Masonry Gallery when your images have different shapes and you want a natural, Pinterest-style layout. It is ideal for portfolios, inspiration boards, process images, lifestyle photography, behind-the-scenes collections, and galleries with a mix of portrait and landscape images.
Grid Gallery keeps items aligned in a more uniform structure. Masonry Gallery lets images keep their natural height, creating a staggered layout that feels more organic and dynamic.
Yes. Masonry Gallery is one of the best choices when your images vary in size or orientation. Portrait, landscape, and square images can all sit together naturally.
Yes. Masonry Gallery includes responsive gap controls, so you can adjust the spacing between gallery items for desktop, tablet, and mobile layouts.
Yes. Images can open in the FolioBlocks lightbox, giving visitors a larger view of each image while preserving the browsing flow.
Get FolioBlocks Pro
Unlock advanced features and get the full potential of this block with FolioBlocks Pro.
Explore More FolioBlocks
Ready to expand your creative toolkit? FolioBlocks includes a range of powerful gallery blocks, each designed to showcase your work in a unique way. Discover the right layout for your projects:
Background Video Block
Immersive responsive video backgrounds that anchor your content with motion. Perfect for hero sections that aim to engage visitors immediately.
Before & After Block
Let viewers interactively compare two images with a responsive slider. Perfect for showcasing retouching, transformations, or visual progress with clarity.
Carousel Gallery Block
Showcase your work in a sleek, horizontally scrolling gallery that draws viewers in one image at a time. Ideal for highlighting standout shots or curated image sequences with impact.
Filmstrip Gallery Block
Showcase images in a focused filmstrip layout with large primary visuals and intuitive navigation. Ideal for portfolios and visual storytelling.
Grid Gallery Block
Create clean, evenly spaced grids that maintain the original aspect ratios of your images. Perfect for portfolios with a strong focus on consistency and structure.
Image Block
Present single images with clean spacing, sharp rendering, and fully controlled styling. Perfect for highlighting key visuals with clarity and impact.
Justified Gallery Block
Create clean, edge-to-edge rows of images that automatically adjust to fit their container, maintaining a balanced, polished layout. Ideal for photographers who want to showcase their work in a professional, cohesive way.
Loupe Block
Give visitors a closer look with a smooth, responsive loupe effect. Ideal for portfolios and product images where highlighting textures, fine details, and craftsmanship is a must.
Masonry Gallery Block
For creative layouts that stack images of various sizes into a stunning, waterfall-like design. Perfect for portfolios with mixed aspect ratios or images that tell a story.
Modular Gallery Block
Mix and match rows of images with full control over spacing and aspect ratios. Build complex, multi-row layouts without compromise, perfect for creative portfolios that break the grid.
Video Block
Showcase videos with a polished, distraction-free presentation that adapts seamlessly to your layout. Ideal for portfolios where motion content needs to feel refined and professionally framed.
Video Gallery Block
Create beautiful, filterable video grids with customizable thumbnails, hover effects, and Lightbox support. Showcase your motion work with style and impact.
What Our Customers Are Saying
FolioBlocks is trusted by photographers, designers, and creative professionals around the world to showcase their work beautifully and effectively. Here’s what a few of our users have to say:
Fantastic
“Setup was quick, and block-based workflow feels natural – drop in a gallery, choose from grid or masonry styles, tweak spacing and captions. Hard to design something that doesn’t look great.”
– Will MacDonald, Developer
Verified Customer
Easy to use with good number of features
“Setup was quick, and block-based workflow feels natural – drop in a gallery, choose from grid or masonry styles, tweak spacing and captions. Hard to design something that doesn’t look great.”
– Donna
Verified Customer
A Wonderful, Full-featured Image/Video Gallery Plugin
“I tested this plugin in beta and was impressed both by how well–and intuitively–it worked “out of the box” and by how responsive its developer was when I had questions. Highly recommend.”
– Josh
Verified Customer
Great plugin and really easy to use.
“Great plugin and really easy to use. The free version is really full featured but the pro version takes it to the next level. Highly recommended.”
– Cyril
Verified Customer
Works great
“Had an opportunity to test this plugin during the beta testing period and it’s really slick. It feels native to WordPress and is incredibly full featured.”
– Johan, Web Developer
Verified Customer
Just what I was looking for!
“The Video gallery block is just want I was looking for to use my website. Straightforward and easy to use.”
– Dave Marshal, Production Designer
Verified Customer
Build Better Galleries With FolioBlocks
Join photographers, designers, and creative professionals using FolioBlocks to create faster, more flexible image and video galleries directly inside the Block Editor.