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.

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

GPT 5.5

Get more done with agents
Get more done with agents

Shipped with Framer

  • 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
  • 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
  • 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

Agents that work alongside you, not instead of you

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

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 5.5

Desktop

1200

Connect to any AI

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 AI.

framer-agent

claude

cursor

codex

╭─── Claude Code v2.1.170 ─────────────────────────╮

│ │

│ │

Sonnet 4.6 · Claude Team · Framer

│ │

╰──────────────────────────────────────────────────╯

Initializing WordPress importer
WP REST API detected.
Framer CMS connected.

Skill(check-wordpress-auth)
WordPress credentials verified.

Connected to Framer CMS collection.

Bash(GET /wp-json/wp/v2/posts?per_page)
47 posts returned · 47 mapped to Blog schema.

Bash(GET /wp-json/wp/v2/media × 47)

titles, slugs, authors, dates, and cover images resolved.

Import complete · 47 blog entries published to Framer CMS.

Copy install prompt

Not just vibes, a full platform

Core Web Vitals

GOOD

LCP

1.1s

INP

95ms

CLS

0.01

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

Blog

Learning from nature to design better products

Live

CMS Item image

AI

Blog

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

Branches

Main

1m

Framer user avatar

use-cases

1m

Framer user avatar

publishing

8m

Framer user avatar

content

10m

Locales

NL

Dutch

35%

IT

Italian

100%

CN

Chinese

90%

Hosting Background

99.99%

uptime

https://www.framer.com/

Analytics

Live Visitors

400

Unique Visitors

1.7M

Total Pageviews

2.2M

Bounce Rate

40.9%

330k

Jun 16, 2026

Pageviews

135,535

Visitors

54,817

View Home

400

Variant

Views

Events

Conversion

Lift

Best

Home Page 2026

WINNER

4,916

837

17.1%

14.1%

91%

Home Page

4,799

719

15%

9%

Built on a community that isn’t going anywhere

App window controls in the community interface preview
Framer community interface preview

Jurre

Search…

Explore

Feed

Hype

Activity

Community

Marketplace

Gallery

Members

Contests

For You

Following

Post

  • Community member avatar

    Lee Black

    Pro

    in Marketplace · 3s

    The only @Framer Liquid Glass component that is cross browser and mobile friendly. Sound on 🤖

    30

    5

    Community member avatar

    Gustave Flowbert

    Pro

    in Marketplace · 12m

    Community carousel image preview

    Billiie · Template

    23

    6

    Community member avatar

    Ben Fryc

    1d

    in my fisheye era

    85

    12

    Community member avatar

    Adriano Reis

    Pro

    2d

    I'm beyond excited to have collaborated with @Smith_Diction to bring the @CowboySpaceCorp website to life 🔥

    Designed by S&D, developed by me in @Framer yeehaww 🤠 🚀

    22

    7

    Community member avatar

    Renny Mathew

    Pro

    in Marketplace · 1w

    Carousel 3D · Component

    16

    6

Marketplace

Community post cover image

Claude + Framer

Tutorial · 1.3K likes

Community post cover image

Recraft

Plugin · 32 likes

Community post cover image

Kinetic Type

Plugin · 862 likes

Community post cover image

Digital Rotary Radio

Component · 76 likes

Community post cover image

Fuel X

Template · 1.3K likes

Members

Community member avatar

Asia Gawron

@asia_gawron

Follow

Community member avatar

27b

@27b.ureau

Follow

Community member avatar

Benjamin

@benjaminnathan

Following

Community member avatar

Ryan Hayward

@theryanhayward

Follow

Community member avatar

Victoria

@victoria_framer

Follow

New Framer community
New Framer community

Trusted by teams shipping big sites

Get started with Framer

Get started with Framer

Get started with Framer