Masonry Layout for Framer CMS

Product

Resources

Pricing

Support

GET STARTED

Product

Resources

Pricing

Support

GET STARTED

Product

Templates

Resources

Pricing

Support

MASONRY

MASONRY LAYOUT NOW AVAILABLE!

Transform your CMS Collections into stunning Masonry Layouts

GET STARTED

FEATURES

GET STARTED

FEATURES

ADD IMAGE GALLERIES

What's a

Masonry Layout?

What's a

Masonry Layout?

Elevate your website's design with this Superfields power-up. This layout style organizes items into multiple columns based on their height, creating a visually stunning grid effect.

Customizable Columns

Tailor the number of columns to suit your needs, whether you prefer a compact or more open layout.

Flexible Item Sizing

Adjust the size of items within the masonry grid to achieve optimal visual balance and alignment.

Aspect Ratio component

The aspect ratio image component maintains original aspect ratio, enabling beautiful masonry layout galleries.

GET STARTED

How it works

Powerups

Docs

Step 1

Navigate to the Superfields dashboard within your Framer CMS setup.

Layout

Copied!

Step 2

Copy the "Layout" component into Framer, choose "Masonry" then adjust sizing and alignment.

.JPG

Step 3

Use the Aspect Ratio component to automatically resize images.

What the people say

Our other powerups

All Colors

Red

Blue

Green

Dynamic Filtering

Provide users with an intuitive browsing experience by enabling dynamic content filtering on your website.

1 of 6

Pagination

In 60 seconds, paginate your Framer collection list without full page refreshes. Fully customisable.

Social Sharing

Empower users to share your content across social media platforms easily with Superfields.

PRICING

Get life-time access.

No need for another subscription. Get life-time access & updates to Superfields with our one-time fee.

$59

$89

Life-time access

Advanced pagination

CMS favoriting

Dynamic filtering

Real-time search bar

Social sharing

CMS randomization

Masonry layout

Responsive layouts

GET STARTED

Let's answer your questions!

What is a Masonry Layout, and how does it work?

How customizable is the Masonry Layout in Superfields?

Does the Masonry Layout support responsive design?

Can I combine the Masonry Layout with other power-ups?

A custom form builder for Framer, by Insert Frame & Ryan Hayward.

Product

Support

Framerverse

GET STARTED

A custom form builder for Framer, by Insert Frame & Ryan Hayward.

Product

Support

Framerverse

GET STARTED

A custom form builder for Framer, by Insert Frame & Ryan Hayward.

Power Ups

Dynamic Filtering

Real-time Search

Advanced Pagination

Favoriting

Social Sharing

Masonry Layout

Randomization

CMS Item

Sorting

Product

Plugin

Pricing

Resources

Templates

Showcase

Enterprise

NEW

Custom Builds

NEW

What's New

Public Roadmap

Company

About Us

Discounts

Legal

Legal Centre

Terms

Privacy

Refunds

Get Support

Docs

Support Explained

Status

Proudly built with Framer

More Insert Frame products

A custom form builder for Framer, by Insert Frame & Ryan Hayward.

Power Ups

Dynamic Filtering

Real-time Search

Advanced Pagination

Favoriting

Social Sharing

Masonry Layout

Randomization

CMS Item

Sorting

Product

Plugin

Pricing

Resources

Templates

Showcase

Enterprise

NEW

Custom Builds

NEW

What's New

Public Roadmap

Company

About Us

Discounts

Legal

Legal Centre

Terms

Privacy

Refunds

Get Support

Docs

Support Explained

Status

Proudly built with Framer

More Insert Frame products

A custom form builder for Framer, by Insert Frame & Ryan Hayward.

Power Ups

Dynamic Filtering

Real-time Search

Advanced Pagination

Favoriting

Social Sharing

Masonry Layout

Randomization

CMS Item

Sorting

Product

Plugin

Pricing

Resources

Templates

Showcase

Enterprise

NEW

Custom Builds

NEW

What's New

Public Roadmap

Company

About Us

Discounts

Legal

Legal Centre

Terms

Privacy

Refunds

Get Support

Docs

Support Explained

Status

Proudly built with Framer

More Insert Frame products