DiviGrid · Masonry Gallery for Divi 5
Masonry Gallery: 10 walls worth scrolling
One to eight columns per device, filter buttons, pagination, random order, a lightbox, hover text and border animations. Here it is for weddings, food, shops, events and a hiking club.
Use case 01 · Wedding photographers
Real weddings, told slowly
Ivy & Ash Photography · ceremonies, portraits and the small things in between.
Filter tabs come from each photo’s Category field · underline tab for the active filter · caption and description fade up over a soft overlay
Use case 02 · Food guides & markets
Twelve stalls worth the queue
Our Friday walk through the night market: what to eat first, where to sit and which stall runs out by ten.
Fri–Sun 6 pm – 1 am Cash only
Image blurs on hover · dish name reveals up, price reveals down · orange overlay · 3 columns, 8px gutter
Use case 03 · Photo books & portfolios
CONCRETE POEMS
Forty-eight plates of post-war concrete: housing blocks, car parks and the stairs nobody looks at.
48 plates · 240 pages
24 × 30 cm · linen cover
€42 · ships in March
Black and white (saturation 0%) image filter that turns to colour on hover · animated corner frame · caption + description bottom left
Use case 04 · Shops & catalogues
New in the greenhouse
Fernhouse · sixteen plants this week, eight to a page. Tap a plant to see it big.
Free delivery over $60 Pots included
Pagination: 8 plants per page · caption and description always shown over a green fade · zoom on hover
Use case 05 · Schools & tours
Your first wave is closer than you think
Saltline Surf School · small groups, warm wetsuits, and a coach who stays in the water with you.
Full-width row · 5 columns with a 4px gutter · teal overlay with caption and level sliding in from the left
Use case 06 · Pet & family photographers
Good boys, great cats
Whisker & Wag Studio · thirty-minute sessions with treats, toys and a lot of patience.
Pill filters (Cats · Dogs · Family) · 28px rounded corners · image rotates and zooms on hover
Use case 07 · Jewellery & luxury
Made by hand, worn for years
Maison Orla · rings, pendants and earrings from a two-person studio.
Gold border animation on hover · italic serif caption over a dark overlay · image zooms out
Use case 08 · Events & conferences
Makers Weekend ’26 in 12 frames
Two days of talks, workshops and one very loud after party. The photos shuffle every time you open this page, so refresh and see it again.
Talks Workshops After party
Random image load: a new order on every visit · image pans up on hover · violet overlay with caption and room
Use case 09 · Photographers & print shops
THE CITY AFTER DARK
Nightfall Prints · limited prints of crossings, clubs and fireworks. Move your mouse over a photo from any side.
Directional hover: the pink panel slides in from the side your mouse enters · the photo turns slightly
Use case 10 · Clubs & communities
Tag #trailheadcollective and land on the wall
Trailhead Collective · 2,400 members, one walk every Sunday. These are this month’s favourite photos from the group.
6 columns on desktop, 4 on tablet, 3 on phone · member handle as the caption · “Open image” text on hover
Masonry Gallery Demo
Beautiful Nature
Random Image, Direction aware hover effect
Product Category
Always show content, Border Hover Effect, Content Animation
Black And White
Always content show, Border animation, Lightbox image fit on window.
Every wall above is one module
Masonry Gallery comes with DiviGrid, together with all our other Divi modules.