Framer: AI website builder for professional sites

4 min read Original article ↗

Framer is the AI website builder for standout sites

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

Analyzed hero section 3s

I’ll replace the selected text area with a Haus intro and add an image ticker using your attached images.

Done. I replaced the selected text block with Haus focused copy and added a horizontal image ticker using the provided images.

Do you want to add tablet and phone breakpoints to make it responsive?

Get more done with agents

Get more done with agents

Shipped with 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 table view interface preview

Designing calmer interfaces inspired by nature

CMS image example

Organic shapes and natural motion in modern UI

CMS image example

Earthy color palettes inspired by the natural world

CMS image example

Designing with growth: how nature shapes UX patterns

CMS image example

From forests to pixels: textures rooted in nature

CMS image example

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 table view interface preview

Designing calmer interfaces inspired by nature

CMS image example

Organic shapes and natural motion in modern UI

CMS image example

Earthy color palettes inspired by the natural world

CMS image example

Designing with growth: how nature shapes UX patterns

CMS image example

From forests to pixels: textures rooted in nature

CMS image example

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.

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.

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.

variations of my site. Keep the content but try some different compositions.

Placing layout variations side by side.

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.

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

Not just vibes, a full platform

Performance dashboard preview showing site optimization features

Generative design rooted in natural forms

CMS Item image

Designing AI tools that feel organic

CMS Item image

Living systems: data visualization from nature

CMS Item image

Sustainable interfaces for a greener web

CMS Item image

Learning from nature to design better products

CMS Item image

CMS interface preview showing content management features

Title

Comet Browser: a Personal…

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

Social preview example

SEO tools preview showing search optimization features

Framer user avatar

use-cases

1m

Framer user avatar

publishing

8m

Framer user avatar

content

10m

Branches interface preview showing collaborative versioning features

Hosting Background

99.99%

uptime

400

Analytics interface preview showing site metrics

400

Variant

Views

Events

Conversion

Lift

Best

A/B testing interface preview showing experiment features

Built on a community that isn’t going anywhere

App window controls in the community interface preview

User avatar.

Jurre

  • Community member avatar

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

    Community member avatar

    Community carousel image preview

    Community member avatar

    Community member avatar

    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 🤠 🚀

    Community member avatar

Community post cover image

Claude + Framer

Tutorial · 1.3K likes

Community post cover image

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

Community member avatar

Community member avatar

Community member avatar

Community member avatar

Ryan Hayward

@theryanhayward

Community member avatar

New Framer community

New Framer community

Trusted by teams shipping big sites