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

The Best Way to Create a Mobile App for iOS and Android: 8 Steps

New to mobile app development? Our step-by-step guide will take you from idea to published app — and beyond — in eight steps, no coding required.

Bubble
August 21, 2026 • 17 minute read
blog-thumbnail

The 9 Best No-Code App Builders in 2026 for Founders

Compare the top no-code app builders for web and native mobile — what they’re best for, how they scale, and how much they really cost. Find the right platform to launch a real product without code.

Bubble
August 20, 2026 • 21 minute read
blog-thumbnail

What Is Bubble AI and How Does It Build Apps?

Bubble is an AI-powered platform to generate working apps you can see and edit. Learn what it creates, how the build process works, where mobile fits, and how it differs from AI coding tools.

Bubble
August 19, 2026 • 8 minute read
blog-thumbnail

Launch Lab Recap: How to Get Your First Users Before Launch

A Launch Lab fireside chat with Emmelie De La Cruz and thoughtbot's Vendela Colavecchio on why you should launch before you're ready, and how a waitlist helps you find users while you build.

Bubble
August 19, 2026 • 5 minute read

What Is Bubble AI and How Does It Build Apps?

August 19, 2026 • 8 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 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