Search
Framer is the pro website builder with a world-class design agent
Build your website with agents and make it your own on a fully editable design canvas.
0:36

0:36
The website builder for shipping standout sites
Canvas
Site
·
main
12



Invite
Publish
Pages
Layers
Assets
Search…
Pages
Home
/work
Work Pages
/services
/about
/contact
/news
/legal
/privacy
/terms
100%
Desktop
1200





Tablet
810





Agent
Style
New Hero Ticker
Add a 3D image ticker to the hero section and write a short introduction about Haus studio.



Thinking...
Thinking...
GPT 6.1 Sol

Start with the agent
Describe what you need, and the design agent builds layouts, sections, and advanced components in seconds.
Refine on the canvas
Everything stays editable. Adjust type, components, breakpoints, and effects until it feels like yours.
Publish complete sites instantly
Hosting, CMS, analytics, SEO, and AEO are already there, so you can go live without a separate build process.
Build your website together with agents
Exploration

Exploration — Big Intro

Exploration — Side Nav


Design with an agent
A professional design agent, native to the canvas. It works directly on your site to generate and refine in place, with every change visible, editable, and under your control.
Exploration

Exploration — Big Intro

Exploration — Side Nav


Design with an agent
A professional design agent, native to the canvas. It works directly on your site to generate and refine in place, with every change visible, editable, and under your control.
Exploration

Exploration — Big Intro

Exploration — Side Nav


Design with an agent
A professional design agent, native to the canvas. It works directly on your site to generate and refine in place, with every change visible, editable, and under your control.
CMS
Site
·
main

Invite
Publish
Collections
Fields
Plugins
Academy
Blog
Articles
320
Creators
256
Categories
18
Styles
7
Developers
Startups
Help
Add...
Title
Status
Image
Category
Product
Draft
Designing calmer interfaces inspired by nature
Live

Inspiration
Organic shapes and natural motion in modern UI
Live

Product
Earthy color palettes inspired by the natural world
Live

Inspiration
Designing with growth: how nature shapes UX patterns
Live

Guide
From forests to pixels: textures rooted in nature
Live

Design

Run your CMS with an agent
Manage more. Publish faster. The CMS agent sets up, organizes, and updates your entire CMS, connecting it directly to the canvas so content and design stay in sync.
CMS
Site
·
main

Invite
Publish
Collections
Fields
Plugins
Academy
Blog
Articles
320
Creators
256
Categories
18
Styles
7
Developers
Startups
Help
Add...
Title
Status
Image
Category
Product
Draft
Designing calmer interfaces inspired by nature
Live

Inspiration
Organic shapes and natural motion in modern UI
Live

Product
Earthy color palettes inspired by the natural world
Live

Inspiration
Designing with growth: how nature shapes UX patterns
Live

Guide
From forests to pixels: textures rooted in nature
Live

Design

Run your CMS with an agent
Manage more. Publish faster. The CMS agent sets up, organizes, and updates your entire CMS, connecting it directly to the canvas so content and design stay in sync.
CMS
Site
·
main

Invite
Publish
Collections
Fields
Plugins
Academy
Blog
Articles
320
Creators
256
Categories
18
Styles
7
Developers
Startups
Help
Add...
Title
Status
Image
Category
Product
Draft
Designing calmer interfaces inspired by nature
Live

Inspiration
Organic shapes and natural motion in modern UI
Live

Product
Earthy color palettes inspired by the natural world
Live

Inspiration
Designing with growth: how nature shapes UX patterns
Live

Guide
From forests to pixels: textures rooted in nature
Live

Design

Run your CMS with an agent
Manage more. Publish faster. The CMS agent sets up, organizes, and updates your entire CMS, connecting it directly to the canvas so content and design stay in sync.
ImageWheel









Code with an agent
Agents turn your wildest ideas into code and put them on your site. From simple custom effects to complex interactions.
ImageWheel









Code with an agent
Agents turn your wildest ideas into code and put them on your site. From simple custom effects to complex interactions.
ImageWheel









Code with an agent
Agents turn your wildest ideas into code and put them on your site. From simple custom effects to complex interactions.

Connect to any agent
Take action on your site from anywhere. Update copy from Slack. Trigger CMS changes from the terminal. Ship from a GitHub PR. Drive it all from your Terminal, Codex, Claude Code, Cursor, or any external agent.

Connect to any agent
Take action on your site from anywhere. Update copy from Slack. Trigger CMS changes from the terminal. Ship from a GitHub PR. Drive it all from your Terminal, Codex, Claude Code, Cursor, or any external agent.

Connect your AI with MCP
Connect Claude, Codex and Cursor or another MCP-compatible agent to Framer. Update copy, import CMS content, and work on your site from the tools you already use. Review changes on the canvas before you publish.
Desktop
Create a few layout
variations of my site. Keep the content but try some different compositions.
Thinking...
Thinking...
Created a design plan
2s
Placing layout variations side by side.
GPT 6.1 Sol
Desktop
1200












Connect your AI with MCP
Connect Claude, Codex and Cursor or another MCP-compatible agent to Framer. Update copy, import CMS content, and work on your site from the tools you already use. Review changes on the canvas before you publish.
framer-agent
Claude
Cursor
Codex
╭─── Claude Code ──────────────────────────────────╮
│ │
│ │
Claude Team · Framer
│ │
╰──────────────────────────────────────────────────╯
Connecting to Framer via MCP…
└ Framer project connected.
└ WordPress REST API detected.
Reading the Blog collection…
└ Collection fields checked.
└ Ready to map WordPress posts.
Fetching WordPress posts…
└ 47 posts returned · 47 mapped to Blog schema.
Preparing content for Framer CMS…
└ titles, slugs, authors, dates, and cover images resolved.
Import complete · 47 blog entries added to Framer CMS.
https://mcp.framer.com/mcp
Not just vibes, a full platform
Everything you need from a website builder, with CMS, hosting, analytics, SEO, and AEO built in.
Collections
Fields
Blog
Careers
Events
Categories
13
Speakers
18
Talks
89
Startups
Help
Add...
Title
Status
Image
Category
Generative design rooted in natural forms
Live

Design
Blog
Designing AI tools that feel organic
Live

AI
Blog
Living systems: data visualization from nature
Live

Data
Blog
Sustainable interfaces for a greener web
Live

Engineering
Learning from nature to design better products
Live

AI
Blog

Site Settings
Comet Browser: a Personal…
/comet/
Comet browser by Perplexity is the AI browser that acts as a personal assistant. Automate tasks, research the web, organize your email, and more with Comet.
Social Preview
1200 x 630 pixels
Upload


Locales
NL
Dutch
35%
IT
Italian
100%
CN
Chinese
90%
Aug 1
Aug 28
330k
Aug 5
Pageviews
95,621
Visitors
70,295


View Home
9.6K
Start for free
3.1%
294
Variant
Views
Events
Conversion
Lift
Best
Control
9,619
294
3.1%
—
62.4%
Variant
9,409
255
2.7%
-11.3%
37.6%


Shipped with Framer
Trusted by teams shipping big sites
Explore the marketplace

Marketplace
Templates
Components
Plugins
Vectors
Search Templates…
Templates
Browse polished templates to find the right starting point for your next website.
Portfolio
Artists
Designers
Photography
Resume
Software
AI
Apps
Fintech
SaaS
Agency
Architecture
Design
Marketing
Web Design
Ecommerce
Beauty
Digital
Fashion
Furniture
Services
Consulting
Education
Legal
Home Services
Health
Fitness
Medical
Therapy
Wellness
Publishing
Blogs
Entertainment
Magazines
News
Real Estate
Agents
Construction
Listings
Management
Hospitality
Food
Hotels
Restaurants
Travel
Events
Conferences
Sports
Venues
Weddings
Trending
Best
Recent
Style
Price

Cohesion
Cristian Mielu
Free

Dream Motion
Dev Patel
$99

FintechX
Salim from Webestica
Free

Aldena
Lunis Design
$99

Fabrica
Anatolii Dmitrienko
$129

Mondragon
Sabo Sugi – Mondragon Template
$39

Parley Agent
Alex Prokhorov
Free

Das Studio
Ava Thiery
Free

Spector
Tamas Bodo
$129

Aerra
Pawel Gola
Free

Matchioo
Anugrah Babuji
$25

TD_Maxfolio
Tom D
Free

Nudge
Huehaus Studio
$49

Create
Tamas Bodo
$129

Calder
Chayan Panda
Free

Videofolio
Real Mehedi
Free

Kima
Thaer Swailem
Free

Spartan’s
Delani.pro
$129

Agenciy
NFrame
Free

Zova
Lunis Design
$19

Bureau Nine
Soleno Studio
Free

Foldex
Sasha Mozdir
Free

Nyro
Yulia Tsyhanenko
Free

Oberon®
Tymofii Bak
$129

Neiden
Førde
$99

Luzia
Qoim
Free

Message
Arthur Duchesne
Free

ERIC COLE
Zineddine Kessaimi
Free

AgentLab
Amani
$99

Impact Flow
Artificer Design Agency LLC
$79

Vertical
Tamas Bodo
$129

Sevora
Dmytri Ivanov
Free

Okta Studio
Mr. Frame
$49

Platform
Tamas Bodo
$129

Agero
NFrame
Free

Mattis
Anatolii Dmitrienko
$129

Kora
Joseph Alexander
$129

Billie
Gustave Flowbert
Free

Nolan Barret
ena supply
$29

Velora
Lunis Design
Free

Mōno X
Deni from Flowmance
$99

Aurorix
Louisa Young
Free

Makro
Nick Stepuk
$129

ClipCut
sabbir hossien
Free

Forma Interior
Hari Om
Free

Saalix
Framebite
$79

Mira
Joseph Alexander
$129

Alex Kabiru
Akinbinu Akintayo
Free


Your next idea starts here
Create personal portfolio
Build startup site
Launch landing page
Start company blog






























