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
A mockup of a masonry layout in a window on a magenta background.

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

A mockup of a phone display with overlaid media button, image feature, and a field with an arrow button.

Low-Code Development: What It Is and How It Works

Low-code is a software development method that requires minimal coding to build websites, web apps, and mobile apps. Here’s how it works.

Bubble
October 30, 2026 • 15 minute read
A dashboard mockup showing a section of charts and line graphs.

How to Make Dashboards With Bubble AI: A Complete 2026 Guide

Build dashboards faster with AI and stay in control of every detail with visual editing, no code required.

Bubble
October 30, 2026 • 19 minute read
Lovable vs. Bolt vs. Bubble: 2026 Review of the Top AI App Builders

Lovable vs. Bolt vs. Bubble: 2026 Review of the Top AI App Builders

Find the right AI-powered app builder for your next project based on your needs, skill level, and more. We compared Lovable, Bolt, and Bubble across 12 categories to help you choose the best option.

Bubble
October 30, 2026 • 27 minute read
Ecommerce app builder UI showing Collections page with product cards, category filters, $45 price, and Add to Cart button, blue theme

The 7 Best AI App Builders in 2026: Code vs. No-Code Approaches for Every Team

Find the best AI app builder for your use case, from full‑stack web to native mobile. See pricing, strengths, and tradeoffs so you can launch faster with the right tool.

Bubble
October 30, 2026 • 18 minute read

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

September 08, 2026 • 14 minute read

The Easiest Way to Build a Custom CRM With AI

September 01, 2026 • 17 minute read

What Is Bubble AI and How Does It Build Apps?

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