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 Bubble

LATEST STORIES

blog-thumbnail

Bubble vs. Retool: Comparing the Top No-Code Platforms

Retool is a low-code tool for developers looking to build internal apps and frontend interfaces. Bubble’s no-code platform has been used to build and scale more than 4 million applications, from startups to enterprise apps. Here’s how the two platforms compare.

Bubble
February 04, 2025 • 26 minute read
blog-thumbnail

Bubble vs. Jotform: Comparing the Top No-Code Platforms

Jotform Apps is a no-code app builder based on the forms-builder Jotform is known for. Bubble is a flexible no-code builder that allows you to build any kind of app or website. Here’s how the two stack up.

Bubble
February 03, 2025 • 25 minute read
blog-thumbnail

Bubble vs. WordPress: Comparing the Top No-Code Platforms

Bubble and WordPress are both no-code builders with customizable options. WordPress is suited more toward websites, while Bubble focuses on web apps and mobile apps.

Bubble
February 03, 2025 • 28 minute read
blog-thumbnail

Bubble vs. Power Apps: Comparing the Top No-Code Platforms

Power Apps is a low-code development tool for building business apps within the Microsoft ecosystem. Bubble is a no-code development platform for building all kinds of web and mobile apps. Here’s how the two platforms compare.

Bubble
January 31, 2025 • 26 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