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 • % minute 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 with a free account

Build your app on Bubble's Free plan. No need to upgrade until you're ready to launch your app.

Join building

LATEST STORIES

blog-thumbnail

Meet the Founders of Immerse Cohort 8 Using AI for Good

Learn about the founders behind Immerse’s AI for Good cohort and discover how they’re using technology to create positive change across healthcare, education, and beyond.

Nichole Bestman
September 18, 2025 • 7 minute read
blog-thumbnail

The Best Mobile App Tech Stack: 7 Tools To Know in 2025

What is a mobile app tech stack, and how do you choose the right one? We’ll guide you through what to consider, plus nine tools you should add to your mobile app stack.

Bubble
September 16, 2025 • 15 minute read
blog-thumbnail

The GTM Strategy Guide for Apps

Get your app in front of the right people. We’ll walk you step-by-step through creating a GTM strategy that delivers.

Bubble
September 15, 2025 • 13 minute read
blog-thumbnail

Bubble Tour 2025 in Paris and London — Here's What to Expect

Get the first look at exciting new features, connect with successful founders, and experience live app demos at Bubble Tour 2025 — our biggest international event yet.

Bubble
September 10, 2025 • 4 minute read

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

November 18, 2024 • 19 minute read

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

October 11, 2024 • 3 minute read

Efficient App Building 101: Improving Your Workload Usage

July 01, 2024 • 3 minute read

How to Craft Effective Prompts for Bubble’s New AI Page Designer

June 17, 2024 • 4 minute read

Build the next big thing with Bubble

Start building for free
CoAlias Logo Powered by CoAlias