
Generate page layouts and advanced components in seconds with AI, so you can skip the blank canvas and start designing with confidence.
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
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…
Flow Effect

Dec 11, 2025
Effects
flow-effect
Localized Page Paths

Dec 11, 2025
Localization
localized-page-paths
December Update: Squircle

Dec 10, 2025
Design
december-update-2025
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

Title
Flow Effect
Image

flow-effect.jpg
Categories
Effects
Slug
flow-effect
framer.com/updates/flow-effect
Content
Introducing the Flow Effect, a simple yet powerful new addition that lets you animate sections in response to any interaction or component. A common example is an accordion in a FAQ where the question rows expand or collapse smoothly, but adjacent sections jump instantly, breaking the illusion and lowering the overall fidelity. To avoid this, people typically nest multiple sections inside components just to force everything to animate, which makes sites heavier and editing more complicated. The Flow Effect solves this. Add it to your Page and the wrapping Stack of your component, and all sections will automatically animate together. We will soon bring this Effect to Layout Templates as well. For now, you can watch the video here to learn more.
baseform.framer.website
Baseform®
Art Direction
Visual Design
Work,
Archive,
Profile,
Journal
Let's Talk
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.

Generate page 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.

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

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.

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

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.

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

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

Track traffic, measure performance, and monitor conversions.
December 11, 2025
Pageviews
258,156
Visitors
85,458
Overview
Live Visitors
Unique Visitors
Total Pageviews
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


Track traffic, measure performance, and monitor conversions.
December 11, 2025
Pageviews
258,156
Visitors
85,458
Overview
Live Visitors
Unique Visitors
Total Pageviews
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


Track traffic, measure performance, and monitor conversions.
December 11, 2025
Pageviews
258,156
Visitors
85,458
Overview
Live Visitors
Unique Visitors
Total Pageviews
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, 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, 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, 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



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


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


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