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

Build for as long as you want on the Free plan. Only upgrade when you're ready to launch.

Join Bubble

LATEST STORIES

blog-thumbnail

Bubble Vs. Base44 Comparison: Which AI App Builder Is Right For You?

Find the right AI app builder for your project with this comparison of Bubble vs. Base44 — covering development workflow, design control, backend and database visibility, mobile publishing, integrations, security, and pricing.

Bubble
July 31, 2026 • 16 minute read
blog-thumbnail

Bubble vs. Adalo: Comparing AI-Powered No-Code Platforms

Comparing two AI-powered no-code app builders, so you can build the right app for your idea without writing code.

Bubble
July 31, 2026 • 15 minute read
blog-thumbnail

Bubble vs. FlutterFlow Comparison: Which AI-Powered No-Code App Builder Is Right for You?

Bubble and FlutterFlow are both visual app builders, but they cover very different amounts of the stack — and one stays no-code a lot longer than the other. We compare them across AI capabilities, full-stack support, mobile development, cost, and more.

Bubble
July 31, 2026 • 25 minute read
blog-thumbnail

Bubble vs. Bolt: Which Is the Best AI App Builder?

Bubble is all-in-one AI app builder that lets you vibe code without the code for full control and customizability. Bolt generates great frontends with an AI-assisted IDE to help more technical builders create functional apps. Which is right for you? We analyzed 13 key factors to help you decide.

Bubble
July 31, 2026 • 32 minute read

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

May 27, 2026 • 18 minute read

See How We Redesigned the Property Editor for Better Building

December 11, 2025 • 4 minute read

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

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