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. Replit Comparison: Which AI App Builder Is Right for You?

Bubble provides all-in-one AI app generation alongside a visual editor that gives anyone full control and customizability of their app. Replit provides an IDE alongside AI support for code generation, iteration, and debugging. Which is right for you? We analyzed 11 key factors to help you decide.

Bubble
January 29, 2026 • 31 minute read
blog-thumbnail

Bubble vs. Lovable Comparison: Which AI App Builder is Right for You?

Find the right no-code AI app builder for your project with our in-depth comparison of Bubble vs. Lovable, including app output, iteration quality, customization tools, technical experience needed, and more.

Bubble
January 26, 2026 • 31 minute read
blog-thumbnail

Join the Launch Program: From Idea to Customers in 90 Days

Learn more about our guided three-month program helping founders move from idea to MVP to customers, with structured support, proven frameworks, and a community of builders shipping together.

Bubble
January 26, 2026 • 4 minute read
blog-thumbnail

Bubble vs. Cursor AI: A 2025 Comparison of Two Popular AI-Powered App Builders

Bubble and Cursor both use AI to speed up app development, but take different approaches to coding, AI use, accessibility, and more. Here’s how to pick the right one for your next project.

Bubble
January 23, 2026 • 17 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

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