Generate page layouts and advanced components in seconds with AI, so you can skip the blank canvas and start designing with confidence.
Search
Search
Build better sites, faster
Framer is the site builder trusted by startups to Fortune 500. Build fast and scale with an integrated CMS, SEO, Analytics, and more.
Framer is the design tool for websites. Design freely, publish fast, and scale with CMS, SEO, analytics, and more.
Flighty
Create, collaborate, and go live
Generate site layouts and advanced components in seconds with AI, so you can skip the blank canvas and start designing with confidence.
Craft responsive layouts and bring them to life with smooth effects, interactions, and animations. Build exactly what you imagine, visually.
Manage and update your content effortlessly with a built-in CMS. Keep your site fresh without touching code.
Whether you’re collaborating on the canvas or editing copy directly on the page, updates are seamless and handoff-free.
Wireframer
I created three unique landing pages in dark mode for your modern design startup: a main landing page, a creative-focused page, and a studio showcase page.
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
Generate page layouts and advanced components in seconds with AI, so you can skip the blank canvas and start designing with confidence.
Generate page layouts and advanced components in seconds with AI, so you can skip the blank canvas and start designing with confidence.
Design
Craft responsive layouts and bring them to life with smooth effects, interactions, and animations. Build exactly what you imagine, visually.
Design
Craft responsive layouts and bring them to life with smooth effects, interactions, and animations. Build exactly what you imagine, visually.
Design
Craft responsive layouts and bring them to life with smooth effects, interactions, and animations. Build exactly what you imagine, visually.
CMS
Manage and update your content effortlessly with a built-in CMS. Keep your site fresh without touching code.
CMS
Manage and update your content effortlessly with a built-in CMS. Keep your site fresh without touching code.
CMS
Manage and update your content effortlessly with a built-in CMS. Keep your site fresh without touching code.
Collaborate
Whether you’re collaborating on the canvas or editing copy directly on the page, updates are seamless and handoff-free.
Collaborate
Whether you’re collaborating on the canvas or editing copy directly on the page, updates are seamless and handoff-free.
Collaborate
Whether you’re collaborating on the canvas or editing copy directly on the page, updates are seamless and handoff-free.
Scale without switching tools
Analytics & insights
Track traffic, measure performance, and monitor conversions.
November 27, 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
Analytics & insights
Track traffic, measure performance, and monitor conversions.
November 27, 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
Analytics & insights
Track traffic, measure performance, and monitor conversions.
November 27, 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.
Pages
Layers
Assets
Design
Pages
Home
A
Control
B
Version B
C
Version C
/pricing
A
B
/features
/blog
/about
/404
Desktop
·
1200
A/B Testing & optimization
A/B testing, funnels, and built-in growth insights.
Pages
Layers
Assets
Design
Pages
Home
A
Control
B
Version B
C
Version C
/pricing
A
B
/features
/blog
/about
/404
Desktop
·
1200
A/B Testing & optimization
A/B testing, funnels, and built-in growth insights.
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.
Google Lighthouse
0
SEO
0
Performance
0
Accessibility
SEO & performance
Optimize every page with built-in SEO settings, metadata, and blazing-fast hosting.
Google Lighthouse
0
SEO
0
Performance
0
Accessibility
SEO & performance
Optimize every page with built-in SEO settings, metadata, and blazing-fast hosting.
Google Lighthouse
0
SEO
0
Performance
0
Accessibility
