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

The 7 Best Low Cost Mobile App Development Tools in 2026

Build a real mobile app affordably without compromising on control. Compare platforms that balance pricing with the ability to edit when AI gets stuck, understand what you’re building, and publish to iOS, Android, or web, so you pick the right tool the first time.

Bubble
May 08, 2026 • 16 minute read
blog-thumbnail

The 8 Best Enterprise App Builders in 2026 for Every Team

This guide compares the leading enterprise app builders for web and mobile development in 2026. You’ll see which security features matter for enterprise compliance and how to choose the right platform based on your team’s infrastructure and application requirements.

Bubble
May 08, 2026 • 15 minute read
blog-thumbnail

The 7 Best AI-Powered App Builders for Operations Teams in 2026

Discover the best AI app builders for operations teams — comparing platforms across governance capabilities, mobile deployment options, workflow transparency, and pricing models to help you choose the right tool for internal apps, partner portals, and field applications.

Bubble
May 08, 2026 • 17 minute read
blog-thumbnail

The 8 Best Software To Develop iOS Apps in 2026

The best AI mobile app builders combine AI generation with visual editing, built-in backends, and native publishing. Here's how eight platforms compare — and which fits your situation.

Bubble
May 08, 2026 • 15 minute read

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

February 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

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