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 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

Bubble’s Direction: Co-CEO Emmanuel Straschnov Answers Community Questions About AI, Mobile, and More

Emmanuel shares updates on AI Agent development, mobile roadmap, platform stability, and Bubble’s priorities in two AMAs.

Bubble
October 30, 2025 • 10 minute read
blog-thumbnail

How to Increase Mobile App Users (5 Proven Strategies)

User acquisition is a challenging part of building any app. In this article, we talk to successful app developers on how to address the biggest challenges and their best acquisition strategies.

Bubble
October 21, 2025 • 12 minute read
blog-thumbnail

The Bubble AI Agent Is Here, Plus Mobile AI and Platform Updates

Fresh from Bubble Tour 2025, co-founder Emmanuel Straschnov announced the Bubble AI Agent and latest platform features: mobile AI generation, in-app purchases, and security dashboard improvements.

Bubble
October 16, 2025 • 6 minute read
blog-thumbnail

Beyond Prompt Purgatory: Key Findings of the 2025 State of AI App Development

Real builders, real results: What 793 app developers learned exploring AI-powered approaches

Bubble
October 15, 2025 • 6 minute read

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

October 10, 2025 • 17 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

Build the next big thing with Bubble

Start building for free