Walk-Through: Create a Masonry Layout Using Repeating Groups

Learn how to use repeating groups to create a masonry layout in this interactive walk-through.

Abhinav Narain
December 18, 2023 • A quick read
Walk-Through: Create a Masonry Layout Using Repeating Groups

Did you know there’s a name for the photo layout on Pinterest? A masonry layout is when objects of different sizes are displayed in a grid with varying heights. This is particularly useful when you want to display something like photos without making them all the same size. The result is a display that's laid out like bricks on a path — hence the name! 

Creating a masonry layout on Bubble is an easy way to add visual appeal to your app. Here’s a quick step-by-step guide to using repeating groups to display your app data in a masonry layout: 

💡
For more interactive tutorials, visit the academy.
Start building for free

Build for as long as you want on the Free plan. Only upgrade when you're ready to launch.

Join Bubble

LATEST STORIES

blog-thumbnail

Episode 12: What Made 3 Startups Go Mobile-First With Clover Dogs, Land & MMARA

In the Season 1 finale, Abhinav chats with the founders of a rescue dog app modeled on Hinge, a climate prep tool, and a women's health tracker that started as a hair products brand.

Bubble
June 23, 2026 • 7 minute read
blog-thumbnail

How to Build a Property Management Website in 2026

Learn how to plan, design, and launch a property management website that attracts owner leads, showcases rental listings, and supports tenant and owner portals.

Bubble
June 12, 2026 • 17 minute read
blog-thumbnail

High Scalability Programming: A Complete 2026 Guide for Builders

A practical guide to architecture patterns, data strategies, and performance techniques for apps that hold up as they grow.

Bubble
June 12, 2026 • 13 minute read
blog-thumbnail

No-Code Development: The Definitive Guide

Whether you're building internal tools or a brand new app, this guide will teach you everything you need to know about no-code platforms.

Bubble
June 11, 2026 • 21 minute read

What Can You Build on Bubble? 25 Examples to Inspire You

May 27, 2026 • 18 minute read

See How We Redesigned the Property Editor for Better Building

December 11, 2025 • 4 minute read

The Easiest Way to Build a Custom CRM (With AI, Updated for 2025)

October 10, 2025 • 17 minute read

The Future of Bubble’s Editor: Introducing the New Workflow Tab

October 11, 2024 • 3 minute read

Build the next big thing with Bubble

Start building for free