Masonry Layout for Framer CMS

MASONRY

MASONRY LAYOUT NOW AVAILABLE!

Transform your CMS Collections into stunning Masonry Layouts

GET STARTED

FEATURES

GET STARTED

ADD IMAGE GALLERIES

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.

Dynamic Filtering for CMS Collections

Why Superfields is Great

Absolute vs. Relative Position

Top 5 Tips for Framer

CMS Pagination in Framer

How to Add a Favourite Button to CMS Items

How to Create Components in Framer

Scroll Effects Explained

How to Build Custom Forms in Framer

Content Writing for Professionals

Introducing the Framer Career Accelerator

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