MASONRY
MASONRY LAYOUT NOW AVAILABLE!
MASONRY LAYOUT NOW AVAILABLE!
Transform your CMS Collections into stunning Masonry Layouts
GET STARTED
GET STARTED
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.
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
Dynamic Filtering for CMS Collections
How to Build Custom Forms in Framer
How to Add a Favourite Button to CMS Items
Absolute vs. Relative Position
Introducing the Framer Career Accelerator
Scroll Effects Explained
CMS Pagination in Framer
Why Superfields is Great
Content Writing for Professionals
How to Create Components in Framer
Top 5 Tips for Framer
Customizable Columns
Customizable Columns
Tailor the number of columns to suit your needs, whether you prefer a compact or more open layout.
Tailor the number of columns to suit your needs, whether you prefer a compact or more open layout.
Flexible Item Sizing
Flexible Item Sizing
Adjust the size of items within the masonry grid to achieve optimal visual balance and alignment.
Adjust the size of items within the masonry grid to achieve optimal visual balance and alignment.
Aspect Ratio component
Aspect Ratio component
The aspect ratio image component maintains original aspect ratio, enabling beautiful masonry layout galleries.
The aspect ratio image component maintains original aspect ratio, enabling beautiful masonry layout galleries.
How it works
How it works
Powerups
Docs
Step 1
Step 1
Navigate to the Superfields dashboard within your Framer CMS setup.
Navigate to the Superfields dashboard within your Framer CMS setup.
Layout
Copied!
Step 2
Step 2
Copy the "Layout" component into Framer, choose "Masonry" then adjust sizing and alignment.
Copy the "Layout" component into Framer, choose "Masonry" then adjust sizing and alignment.
.JPG
.JPG
Step 3
Step 3
Use the Aspect Ratio component to automatically resize images.
Use the Aspect Ratio component to automatically resize images.
What the people say
What the people say
Our other powerups
Our other powerups
All Colors
Red
Blue
Green
All Colors
Red
Blue
Green
All Colors
Red
Blue
Green
Dynamic Filtering
Dynamic Filtering
Provide users with an intuitive browsing experience by enabling dynamic content filtering on your website.
Provide users with an intuitive browsing experience by enabling dynamic content filtering on your website.
Next
Previous
1 of 6
Next
Previous
1 of 6
Next
Previous
1 of 6
Pagination
Pagination
In 60 seconds, paginate your Framer collection list without full page refreshes. Fully customisable.
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.
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
$99
Life-time access
Advanced pagination
CMS Favoriting
Dynamic filtering
Social Sharing
Component library
GET STARTED
Let's answer your questions!
Let's answer your questions!
What is a Masonry Layout, and how does it work?
What is a Masonry Layout, and how does it work?
What is a Masonry Layout, and how does it work?
How customizable is the Masonry Layout in Superfields?
How customizable is the Masonry Layout in Superfields?
How customizable is the Masonry Layout in Superfields?
Does the Masonry Layout support responsive design?
Does the Masonry Layout support responsive design?
Does the Masonry Layout support responsive design?
Can I combine the Masonry Layout with other power-ups?
Can I combine the Masonry Layout with other power-ups?
Can I combine the Masonry Layout with other power-ups?