Framer: Create a professional website, free. No code website builder loved by designers.

AI

Generate site layouts and advanced components in seconds with AI, so you can skip the blank canvas and start designing with confidence.

Learn more

Design

Craft responsive layouts and bring them to life with smooth effects, interactions, and animations. Build exactly what you imagine, visually.

Learn more

CMS

Manage and update your content effortlessly with a built-in CMS. Keep your site fresh without touching code.

Learn more

Collaborate

Whether you’re collaborating on the canvas or editing copy directly on the page, updates are seamless and handoff-free.

Learn more

Wireframer

Icreatedthreeuniquelandingpagesindarkmodeforyourmoderndesignstartup:amainlandingpage,acreative-focusedpage,andastudioshowcasepage.

Landing Page 1

Landing Page 2

Landing Page 3

100%

Benjamin

Paul

100%

Title

Image

Date

Category

Slug

Search 153 items…

Masonry Grids

Nov 27, 2025

Design

masonry

Font Drop 16

Nov 21, 2025

Design

font-drop-16

Ticker Effect

Nov 13, 2025

AI

ticker-effect

Relative Dates

Nov 11, 2025

CMS

relative-dates

Auto Rename

Nov 11, 2025

AI

auto-rename

Faster Interactivity

Nov 7, 2025

Performance

faster-interactivity

Plugins 3.8: Create Pages

Nov 6, 2025

Plugins

plugins-3-8

Nov Update: Custom Fonts

Nov 5, 2025

AI

november-update-2025

CMS Update: Copy-Paste Markdown Content & Links

Oct 22, 2025

CMS

cms-update-copy-paste-markdown-content-and-links

Dynamic Optimization

Oct 22, 2025

Publishing

dynamic-optimization

Title

Masonry Grids

Image

masonry.jpg

Categories

Design

Slug

masonry

framer.com/updates/masonry

Content

Paragraph

Introducing Masonry Grids in Framer. Turn any Grid into a packed masonry grid with a single click. The Masonry toggle is available under the Grid properties, and enabling it lets you craft masonry layouts. These types of layouts use fixed columns but flexible row heights, so items stack tightly, creating a brick-like pattern driven by each layer’s content or height. This works especially well with our recently introduced Fit Image feature, letting you design Pinterest-like layouts directly in Framer. You can also design new masonry grids from scratch, by selecting Masonry from the Layout Menu in the Toolbar. Masonry Grids play nice with our CMS, where using Effects like Stagger and Lightbox unlock all kinds of new animations and interactions. Watch the video on YouTube to learn more about designing with Masonry Grids in Framer.

baseform.framer.website

Baseform®

Art Direction

Visual Design

Work,

Archive,

Profile,

Journal

Let's Talk

|

Latest News

View All Posts

→

Click to edit

·

Changes are auto-saved

Site saved

·

Collaborators are notified. Changes will be visible once the project is published.

Open in Framer

Finish Editing

Analytics & insights

Track traffic, measure performance, and monitor conversions.

Learn more

November 30, 2025

Pageviews

258,156

Visitors

85,458

Overview

Live Visitors

400

Unique Visitors

1.7M

Total Pageviews

3.2M

330k

Sources

Referrer

google.com

436K

chatgpt.com

189K

linkedin.com

96K

youtube.com

82K

bing.com

71K

x.com

49K

Pages

All

Home

1.8M

/pricing

156K

/gallery

91K

/updates

44K

/features/design

39K

/features/cms

27K

A/B Testing & optimization

A/B testing, funnels, and built-in growth insights.

Learn more

Pages

Layers

Assets

Design

Pages

Home

A

Control

B

Version B

C

Version C

/pricing

A

B

/features

/blog

/about

/404

Desktop

·

1200

SEO & performance

Optimize every page with built-in SEO settings, metadata, and blazing-fast hosting.

Learn more

Google Lighthouse

0

SEO

0

Performance

0

Accessibility

• \
  \
  “Framer gives us everything we need to move fast. We don’t wait on dev. We don’t compromise on design.”\
  \
  \
  \
  Henry Modisett\
  \
  Head of Design at Perplexity\
  \
  Read more\
  \
  \
  \
  

• \
  \
  “Launching on Framer was seamless. Live in no time, no friction.”\
  \
  \
  \
  Colin Dunn\
  \
  Co-Founder at Visual Electric\
  \
  Read more\
  \
  \
  \
  

• \
  \
  “Framer gave us full creative freedom. No code limits, no handoffs. We shipped an immersive brand site in days.”\
  \
  \
  \
  Adam Jiwa\
  \
  Partnerships at Metalab\
  \
  Read more\
  \
  \
  \
  

• \
  \
  “With Framer, our designers can ship updates daily. No dev handoff. No staging hassle.”\
  \
  \
  \
  Jelle Prins\
  \
  Co-Founder at Cradle\
  \
  Read more\
  \
  \
  \
  

• \
  \
  “Framer allowed us to ship high-performing, beautifully designed pages at record speed, all while keeping design control in-house.”\
  \
  \
  \
  Radoslav Bali\
  \
  Design Lead at Miro\
  \
  Read more\
  \
  \
  \
  

• \
  \
  “Framer gives us everything we need to move fast. We don’t wait on dev. We don’t compromise on design.”\
  \
  \
  \
  Henry Modisett\
  \
  Head of Design at Perplexity\
  \
  Read more\
  \
  \
  \
  

• \
  \
  “Launching on Framer was seamless. Live in no time, no friction.”\
  \
  \
  \
  Colin Dunn\
  \
  Co-Founder at Visual Electric\
  \
  Read more\
  \
  \
  \
  

• \
  \
  “Framer gave us full creative freedom. No code limits, no handoffs. We shipped an immersive brand site in days.”\
  \
  \
  \
  Adam Jiwa\
  \
  Partnerships at Metalab\
  \
  Read more\
  \
  \
  \
  

• \
  \
  “With Framer, our designers can ship updates daily. No dev handoff. No staging hassle.”\
  \
  \
  \
  Jelle Prins\
  \
  Co-Founder at Cradle\
  \
  Read more\
  \
  \
  \
  

• \
  \
  “Framer allowed us to ship high-performing, beautifully designed pages at record speed, all while keeping design control in-house.”\
  \
  \
  \
  Radoslav Bali\
  \
  Design Lead at Miro\
  \
  Read more\
  \
  \
  \
  

• \
  \
  “Framer gives us everything we need to move fast. We don’t wait on dev. We don’t compromise on design.”\
  \
  \
  \
  Henry Modisett\
  \
  Head of Design at Perplexity\
  \
  Read more\
  \
  \
  \
  

• \
  \
  “Launching on Framer was seamless. Live in no time, no friction.”\
  \
  \
  \
  Colin Dunn\
  \
  Co-Founder at Visual Electric\
  \
  Read more\
  \
  \
  \
  

• \
  \
  “Framer gave us full creative freedom. No code limits, no handoffs. We shipped an immersive brand site in days.”\
  \
  \
  \
  Adam Jiwa\
  \
  Partnerships at Metalab\
  \
  Read more\
  \
  \
  \
  

• \
  \
  “With Framer, our designers can ship updates daily. No dev handoff. No staging hassle.”\
  \
  \
  \
  Jelle Prins\
  \
  Co-Founder at Cradle\
  \
  Read more\
  \
  \
  \
  

• \
  \
  “Framer allowed us to ship high-performing, beautifully designed pages at record speed, all while keeping design control in-house.”\
  \
  \
  \
  Radoslav Bali\
  \
  Design Lead at Miro\
  \
  Read more\
  \
  \
  \
  

• \
  \
  “Framer gives us everything we need to move fast. We don’t wait on dev. We don’t compromise on design.”\
  \
  \
  \
  Henry Modisett\
  \
  Head of Design at Perplexity\
  \
  Read more\
  \
  \
  \
  

• \
  \
  “Launching on Framer was seamless. Live in no time, no friction.”\
  \
  \
  \
  Colin Dunn\
  \
  Co-Founder at Visual Electric\
  \
  Read more\
  \
  \
  \
  

• \
  \
  “Framer gave us full creative freedom. No code limits, no handoffs. We shipped an immersive brand site in days.”\
  \
  \
  \
  Adam Jiwa\
  \
  Partnerships at Metalab\
  \
  Read more\
  \
  \
  \
  

• \
  \
  “With Framer, our designers can ship updates daily. No dev handoff. No staging hassle.”\
  \
  \
  \
  Jelle Prins\
  \
  Co-Founder at Cradle\
  \
  Read more\
  \
  \
  \
  

• \
  \
  “Framer allowed us to ship high-performing, beautifully designed pages at record speed, all while keeping design control in-house.”\
  \
  \
  \
  Radoslav Bali\
  \
  Design Lead at Miro\
  \
  Read more\
  \
  \
  \
  

Perplexity

Visual Electric

Biograph

Cradle

Miro

• \
  \
  \
  \
  View Expert\
  \
  \
  \
  Trueform\
  \
  Switzerland

\
\
\
\
View Expert\
\
\
\
Alex Aperios\
\
United Kingdom

\
\
\
\
View Expert\
\
\
\
Analogue Agency\
\
Netherlands

\
\
\
\
View Expert\
\
\
\
Fabian Albert\
\
United States

• \
  \
  \
  \
  View Expert\
  \
  \
  \
  Allsite Studio\
  \
  Germany

\
\
\
\
View Expert\
\
\
\
Aerolab\
\
United States

\
\
\
\
View Expert\
\
\
\
Adriano Reis\
\
United States

\
\
\
\
View Expert\
\
\
\
Deserve Studio\
\
United States

• \
  \
  \
  \
  View Expert\
  \
  \
  \
  Trueform\
  \
  Switzerland

\
\
\
\
View Expert\
\
\
\
Alex Aperios\
\
United Kingdom

\
\
\
\
View Expert\
\
\
\
Analogue Agency\
\
Netherlands

\
\
\
\
View Expert\
\
\
\
Fabian Albert\
\
United States

• \
  \
  \
  \
  View Expert\
  \
  \
  \
  Allsite Studio\
  \
  Germany

\
\
\
\
View Expert\
\
\
\
Aerolab\
\
United States

\
\
\
\
View Expert\
\
\
\
Adriano Reis\
\
United States

\
\
\
\
View Expert\
\
\
\
Deserve Studio\
\
United States

• \
  \
  \
  \
  View Expert\
  \
  \
  \
  Trueform\
  \
  Switzerland

\
\
\
\
View Expert\
\
\
\
Alex Aperios\
\
United Kingdom

\
\
\
\
View Expert\
\
\
\
Analogue Agency\
\
Netherlands

\
\
\
\
View Expert\
\
\
\
Fabian Albert\
\
United States

• \
  \
  \
  \
  View Expert\
  \
  \
  \
  Allsite Studio\
  \
  Germany

\
\
\
\
View Expert\
\
\
\
Aerolab\
\
United States

\
\
\
\
View Expert\
\
\
\
Adriano Reis\
\
United States

\
\
\
\
View Expert\
\
\
\
Deserve Studio\
\
United States

• \
  \
  \
  \
  View Expert\
  \
  \
  \
  Trueform\
  \
  Switzerland

\
\
\
\
View Expert\
\
\
\
Alex Aperios\
\
United Kingdom

\
\
\
\
View Expert\
\
\
\
Analogue Agency\
\
Netherlands

\
\
\
\
View Expert\
\
\
\
Fabian Albert\
\
United States

• \
  \
  \
  \
  View Expert\
  \
  \
  \
  Allsite Studio\
  \
  Germany

\
\
\
\
View Expert\
\
\
\
Aerolab\
\
United States

\
\
\
\
View Expert\
\
\
\
Adriano Reis\
\
United States

\
\
\
\
View Expert\
\
\
\
Deserve Studio\
\
United States

• \
  \
  View Component\
  \
  Image Slider\
  \
  Component\
  \
  Before and after images

\
\
\
\
View Template\
\
Milo\
\
Template\
\
Furniture shop website

\
\
\
\
View Plugin\
\
Notion\
\
Plugin\
\
Sync with Notion

\
\
View Component\
\
Hover Zoom\
\
Component\
\
Zoom and pan on hover

\
\
\
\
View Template\
\
Archer\
\
Template\
\
Creative portfolio

\
\
\
\
View Plugin\
\
Workshop\
\
Plugin\
\
Turn ideas into components

• \
  \
  View Component\
  \
  Image Slider\
  \
  Component\
  \
  Before and after images

\
\
\
\
View Template\
\
Milo\
\
Template\
\
Furniture shop website

\
\
\
\
View Plugin\
\
Notion\
\
Plugin\
\
Sync with Notion

\
\
View Component\
\
Hover Zoom\
\
Component\
\
Zoom and pan on hover

\
\
\
\
View Template\
\
Archer\
\
Template\
\
Creative portfolio

\
\
\
\
View Plugin\
\
Workshop\
\
Plugin\
\
Turn ideas into components

• \
  \
  View Component\
  \
  Digital Rotary Radio\
  \
  Component\
  \
  Fully functional radio

\
\
\
\
View Template\
\
Apex Films\
\
Template\
\
Multimedia portfolio

\
\
View Component\
\
Flip Card\
\
Component\
\
Drag to flip cards

\
\
View Component\
\
Animated Gradients\
\
Component\
\
Image reveal effect

\
\
\
\
View Plugin\
\
JSON Sync\
\
Plugin\
\
Import & export CMS with JSON

\
\
\
\
View Template\
\
Baseform\
\
Template\
\
Modern design portfolio

• \
  \
  View Component\
  \
  Digital Rotary Radio\
  \
  Component\
  \
  Fully functional radio

\
\
\
\
View Template\
\
Apex Films\
\
Template\
\
Multimedia portfolio

\
\
View Component\
\
Flip Card\
\
Component\
\
Drag to flip cards

\
\
View Component\
\
Animated Gradients\
\
Component\
\
Image reveal effect

\
\
\
\
View Plugin\
\
JSON Sync\
\
Plugin\
\
Import & export CMS with JSON

\
\
\
\
View Template\
\
Baseform\
\
Template\
\
Modern design portfolio