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

How to Integrate AI Into an App (Step-by-Step Guide + Feature Ideas)

Integrating AI into your app? A no-brainer. But how exactly do you do that? We’ll walk you through the process — both how to pick what your AI features should do and how to integrate AI into your app, step-by-step.  Of course, “AI” is a broad category. In common speech,

Bubble
July 14, 2025 • 14 minute read
blog-thumbnail

How to Find A Great Mobile App Idea (+15 Successful Examples)

Finding a good app idea is harder than it looks. This guide will give you the frameworks, categories, and examples you need to create your own unique idea for a successful app.

Bubble
July 14, 2025 • 11 minute read
blog-thumbnail

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

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

Bubble
July 07, 2025 • 17 minute read
blog-thumbnail

Cross-Platform Mobile App Development: 7 Top Frameworks (And How to Choose)

Cross-platform mobile app development can be easier than native app development — but quality, performance, and speed can all depend on the framework you choose. Here are 7 of the most popular — and when you should each one.

Bubble
July 07, 2025 • 13 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