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 Bubble

LATEST STORIES

blog-thumbnail

Bubble and Stripe Atlas Partner to Help Startup Founders

Entrepreneurs can access special perks by using Bubble and Stripe Atlas together for their startups

Cheyenne Blaisdell
March 04, 2025 • 2 minute read
blog-thumbnail

How to Build a Wireframe: Top 7 Dos & Don’ts of Building Your App’s Blueprint

Learn how to create impactful wireframes with insights from Bubble’s Head of Product Design, Missy Kelley. Avoid common mistakes and bring your app to life. Plus, get top tips for the Immerse process.

Bubble
March 04, 2025 • 8 minute read
blog-thumbnail

2025 Bubble Enterprise Survey Results: $1M+ a Year Saved, Up to 9X Faster Builds

We surveyed customers to understand why they're building, launching, and scaling their businesses with Bubble's Enterprise plan. The results were clear: Bubble helped them launch custom software up to 9X faster, for less.

Bubble
March 03, 2025 • 5 minute read
blog-thumbnail

The 10 Best No-Code App Builders in 2025

Kickstart your startup with a professional app—no coding required! These no-code app building tools make it super easy to create and publish your app.

Bubble
February 24, 2025 • 19 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