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

Interface preview in 2026 UI/Canvas UI/App UI Top Bar.
Interface preview in 2026 UI/Canvas UI/App UI Top Bar.
Interface preview in 2026 UI/Canvas UI/App UI Top Bar.

Invite

Publish

Pages

Layers

Assets

Search…

Pages

Home

/work

Work Pages

/services

/about

/contact

/news

/legal

/privacy

/terms

100%

Desktop

1200

Default interface preview in 2026 Frontpage/Home Hero Site Desktop.
HAUS interface preview in 2026 Frontpage/Home Hero Site Desktop.
Hero Image interface preview in 2026 Frontpage/Home Hero Site Desktop.
Image interface preview in 2026 Frontpage/Home Hero Site Desktop.
Interface preview in 2026 Frontpage/Home Hero Site Desktop.

Tablet

810

Default interface preview in 2026 Frontpage/Home Hero Site Tablet.
About interface preview in 2026 Frontpage/Home Hero Site Tablet.
Hero Video interface preview in 2026 Frontpage/Home Hero Site Tablet.
List interface preview in 2026 Frontpage/Home Hero Site Tablet.
Interface preview in 2026 Frontpage/Home Hero Site Tablet.

Agent

Style

New Hero Ticker

Add a 3D image ticker to the hero section and write a short introduction about Haus studio.

Website canvas preview inside the Framer app interface
Design preview inside the Framer app interface
Website screenshot preview inside the Framer app interface

Thinking...

GPT 6.1 Sol

Framer website builder canvas, with the design agent adding a hero section to a studio website

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

Desktop website preview for the Haus design example

Exploration — Big Intro

Website preview in the explorations section

Exploration — Side Nav

Website sidebar preview in the explorations section
Design with agents

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

Desktop website preview for the Haus design example

Exploration — Big Intro

Website preview in the explorations section

Exploration — Side Nav

Website sidebar preview in the explorations section
Design with agents

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

Desktop website preview for the Haus design example

Exploration — Big Intro

Website preview in the explorations section

Exploration — Side Nav

Website sidebar preview in the explorations section
Design with agents

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

CMS table view interface preview

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

CMS image example

Inspiration

Organic shapes and natural motion in modern UI

Live

CMS image example

Product

Earthy color palettes inspired by the natural world

Live

CMS image example

Inspiration

Designing with growth: how nature shapes UX patterns

Live

CMS image example

Guide

From forests to pixels: textures rooted in nature

Live

CMS image example

Design

CMS with agents

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

CMS table view interface preview

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

CMS image example

Inspiration

Organic shapes and natural motion in modern UI

Live

CMS image example

Product

Earthy color palettes inspired by the natural world

Live

CMS image example

Inspiration

Designing with growth: how nature shapes UX patterns

Live

CMS image example

Guide

From forests to pixels: textures rooted in nature

Live

CMS image example

Design

CMS with agents

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

CMS table view interface preview

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

CMS image example

Inspiration

Organic shapes and natural motion in modern UI

Live

CMS image example

Product

Earthy color palettes inspired by the natural world

Live

CMS image example

Inspiration

Designing with growth: how nature shapes UX patterns

Live

CMS image example

Guide

From forests to pixels: textures rooted in nature

Live

CMS image example

Design

CMS with agents

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 Component Image
Code Component Image
Code Component Image
Code Component Image
Code Component Image
Code Component Image
Code Component Image
Code Component Image
Code with agents

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 Component Image
Code Component Image
Code Component Image
Code Component Image
Code Component Image
Code Component Image
Code Component Image
Code Component Image
Code with agents

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 Component Image
Code Component Image
Code Component Image
Code Component Image
Code Component Image
Code Component Image
Code Component Image
Code Component Image
Code with agents

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 external agents
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 external agents
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 external agents
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...

Created a design plan

2s

Placing layout variations side by side.

GPT 6.1 Sol

Desktop

1200

Interface preview in 2026 Frontpage/Home External CMS.
Interface preview in 2026 Frontpage/Home External CMS.
Interface preview in 2026 Frontpage/Home External CMS.
Interface preview in 2026 Frontpage/Home External CMS.
Interface preview in 2026 Frontpage/Home External CMS.
Interface preview in 2026 Frontpage/Home External CMS.
Interface preview in 2026 Frontpage/Home External CMS.
Interface preview in 2026 Frontpage/Home External CMS.
Interface preview in 2026 Frontpage/Home External CMS.
Interface preview in 2026 Frontpage/Home External CMS.
Interface preview in 2026 Frontpage/Home External CMS.
Interface preview in 2026 Frontpage/Home External CMS.
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.

Core Web Vitals

GOOD

LCP

1.1s

INP

95ms

CLS

0.01

Performance dashboard preview showing site optimization features

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

CMS Item image

Design

Blog

Designing AI tools that feel organic

Live

CMS Item image

AI

Blog

Living systems: data visualization from nature

Live

CMS Item image

Data

Blog

Sustainable interfaces for a greener web

Live

CMS Item image

Engineering

Learning from nature to design better products

Live

CMS Item image

AI

Blog

CMS interface preview showing content management features

Site Settings

Title

Comet Browser: a Personal…

URL

/comet/

Page Description

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

Social preview example
SEO tools preview showing search optimization features

Branches

Main

1m

Framer user avatar

use-cases

1m

Framer user avatar

publishing

8m

Framer user avatar

content

10m

Branches interface preview showing collaborative versioning features

Locales

NL

Dutch

35%

IT

Italian

100%

CN

Chinese

90%

Hosting Background

99.99%

uptime

https://www.framer.com/

Analytics interface preview showing site metrics
Analytics interface preview showing site metrics

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%

A/B testing interface preview showing experiment features
A/B testing interface preview showing experiment features

Shipped with Framer

  • Site image in 2026 Frontpage/Sites.
  • Maggie Site
  • Midlife Engineering
  • i-D Elle Fanning Site
  • Website showcase preview made in Framer
  • i-D Elle Fanning Site
  • Maggie Site
  • Website showcase preview made in Framer
  • Maggie Site
  • Website showcase preview made in Framer
  • Mobile website showcase preview made in Framer
  • Website showcase preview made in Framer
  • Site image in 2026 Frontpage/Sites.
  • Maggie Site
  • Midlife Engineering
  • i-D Elle Fanning Site
  • Website showcase preview made in Framer
  • i-D Elle Fanning Site
  • Maggie Site
  • Website showcase preview made in Framer
  • Maggie Site
  • Website showcase preview made in Framer
  • Mobile website showcase preview made in Framer
  • Website showcase preview made in Framer
  • Site image in 2026 Frontpage/Sites.
  • Maggie Site
  • Midlife Engineering
  • i-D Elle Fanning Site
  • Website showcase preview made in Framer
  • i-D Elle Fanning Site
  • Maggie Site
  • Website showcase preview made in Framer
  • Maggie Site
  • Website showcase preview made in Framer
  • Mobile website showcase preview made in Framer
  • Website showcase preview made in 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 template preview

Cohesion

Cristian Mielu

Free

Dream Motion template preview

Dream Motion

Dev Patel

$99

FintechX template preview

FintechX

Salim from Webestica

Free

Aldena template preview

Aldena

Lunis Design

$99

Fabrica template preview

Fabrica

Anatolii Dmitrienko

$129

Mondragon template preview

Mondragon

Sabo Sugi – Mondragon Template

$39

Parley Agent template preview

Parley Agent

Alex Prokhorov

Free

Das Studio template preview

Das Studio

Ava Thiery

Free

Spector template preview

Spector

Tamas Bodo

$129

Aerra template preview

Aerra

Pawel Gola

Free

Matchioo template preview

Matchioo

Anugrah Babuji

$25

TD_Maxfolio template preview

TD_Maxfolio

Tom D

Free

Nudge template preview

Nudge

Huehaus Studio

$49

Create template preview

Create

Tamas Bodo

$129

Calder template preview

Calder

Chayan Panda

Free

Videofolio template preview

Videofolio

Real Mehedi

Free

Kima template preview

Kima

Thaer Swailem

Free

Spartan's template preview

Spartan’s

Delani.pro

$129

Agenciy template preview

Agenciy

NFrame

Free

Zova template preview

Zova

Lunis Design

$19

Bureau Nine template preview

Bureau Nine

Soleno Studio

Free

Foldex template preview

Foldex

Sasha Mozdir

Free

Nyro template preview

Nyro

Yulia Tsyhanenko

Free

Oberon® template preview

Oberon®

Tymofii Bak

$129

Neiden template preview

Neiden

Førde

$99

Luzia template preview

Luzia

Qoim

Free

Message template preview

Message

Arthur Duchesne

Free

ERIC COLE template preview

ERIC COLE

Zineddine Kessaimi

Free

AgentLab template preview

AgentLab

Amani

$99

Impact Flow template preview

Impact Flow

Artificer Design Agency LLC

$79

Vertical template preview

Vertical

Tamas Bodo

$129

Sevora template preview

Sevora

Dmytri Ivanov

Free

Okta Studio template preview

Okta Studio

Mr. Frame

$49

Platform template preview

Platform

Tamas Bodo

$129

Agero template preview

Agero

NFrame

Free

Mattis template preview

Mattis

Anatolii Dmitrienko

$129

Kora template preview

Kora

Joseph Alexander

$129

Billie template preview

Billie

Gustave Flowbert

Free

Nolan Barret template preview

Nolan Barret

ena supply

$29

Velora template preview

Velora

Lunis Design

Free

Mōno X template preview

Mōno X

Deni from Flowmance

$99

Aurorix template preview

Aurorix

Louisa Young

Free

Makro template preview

Makro

Nick Stepuk

$129

ClipCut template preview

ClipCut

sabbir hossien

Free

Forma Interior template preview

Forma Interior

Hari Om

Free

Saalix template preview

Saalix

Framebite

$79

Mira template preview

Mira

Joseph Alexander

$129

Alex Kabiru template preview

Alex Kabiru

Akinbinu Akintayo

Free

New Framer community
New Framer community

Your next idea starts here

GPT 6.1 Sol

Create personal portfolio

Build startup site

Launch landing page

Start company blog

Framer UI showing Pages, Layers and Assets panels titles
Framer UI showing Pages, Layers and Assets panels titles