Module 42 of 71
Divi Masonry Gallery that fits every shape.
Tall, wide and square images packed into tidy columns with no cropping. Add hover overlays, zoom and a lightbox.
What is the Divi Masonry Gallery module?
Masonry Gallery is a Divi 5 module in Divi Supreme Pro that arranges images in columns like a Pinterest board. Each image keeps its natural shape, and the next one slots into the shortest column.
Set 1 to 12 columns and the gap, sort by filename, date or at random, and keep left-to-right order if you like. Tiles animate into place when the layout changes. Add a hover overlay with title, caption and description, zoom on hover, and a lightbox.
columns, max
sort options
images cropped
custom code
Start from a Masonry Gallery recipe.
The recipes and the playground run on the front end. Use Preview, or open the page, to try them.
Try every Masonry Gallery setting.
The recipes and the playground run on the front end. Use Preview, or open the page, to try them.
Everything Masonry Gallery can do.
True masonry
Each image keeps its shape and drops into the shortest column.
Up to 12 columns
Columns and gap per device, from one column on phones to twelve on wide screens.
Sort and order
Filename, date or random, with optional left-to-right order.
Animated reflow
Tiles glide into place with a transition and stagger when the grid changes.
Hover overlay
Title, caption and description over the image, plus zoom on hover.
Lightbox
Open images large with their title and caption.
Masonry Gallery documentation
Setup for Divi 5: images, sorting, columns, gap, reflow animation, overlay and lightbox.
Questions about Masonry Gallery.
Next module, A to Z
Menu Module
Related modules
Filterable Gallery Module
Image grids with category tabs.
Image Carousel Module
Carousels and slideshows.
Image Accordion Module
Expanding image panels.
Show off every shape without cropping.
Masonry Gallery comes with 70+ Divi 5 modules and 16 extensions in Divi Supreme Pro.