Create, manage, and publish dynamic content with AI agents

CMS hero interface preview

CMS

Site

·

main

CMS hero background image

Invite

Publish

Collections

Fields

Plugins

Blog

Careers

Docs

Guides

Help

Startups

Use Cases

Articles

0

0

Categories

0

0

Add...

Title

Image

Category

Featured

How Perplexity launched their AI search brand site

CMS table row thumbnail

AI

How DoorDash redesigned their marketing site

CMS table row thumbnail

Enterprise

How NBA launched a global fan experience

CMS table row thumbnail

Sports

How Dribbble rebuilt their community platform

CMS table row thumbnail

Design

How Zapier ships landing pages 10x faster

CMS table row thumbnail

SaaS

How Microsoft powers brand design at scale

CMS table row thumbnail

Enterprise

How Huel grew their direct-to-consumer storefront

CMS table row thumbnail

Consumer

How Mixpanel launched their new product site

CMS table row thumbnail

SaaS

How Cal.com ships a world-class docs experience

CMS table row thumbnail

Startup

How Loops builds email SaaS pages in days

CMS table row thumbnail

SaaS

How Contra launched a freelancer marketplace

CMS table row thumbnail

Startup

How Miro ships marketing pages without engineering

CMS table row thumbnail

SaaS

Add to Agent

⌃A

Agent

Updates

Use

use-cases.csv

to create Use Case Articles and Categories collections. Populate fields and match each article to a category.

Thinking...

I’ll create two CMS collections from the attached CSV.

Added 82 layers 44s

Done — I added two linked collections:

  1. Articles — 39 CSV rows imported.

  2. Categories — 10 rows added and linked to Articles as multi-select tags.

Changes

Undo

Articles

39 Items

Categories

10 Items

GPT 5.5

CMS hero interface preview

CMS

Site

·

main

CMS hero background image

Invite

Publish

Collections

Fields

Plugins

Blog

Careers

Docs

Guides

Help

Startups

Use Cases

Articles

0

0

Categories

0

0

Add...

Title

Image

Category

Featured

How Perplexity launched their AI search brand site

CMS table row thumbnail

AI

How DoorDash redesigned their marketing site

CMS table row thumbnail

Enterprise

How NBA launched a global fan experience

CMS table row thumbnail

Sports

How Dribbble rebuilt their community platform

CMS table row thumbnail

Design

How Zapier ships landing pages 10x faster

CMS table row thumbnail

SaaS

How Microsoft powers brand design at scale

CMS table row thumbnail

Enterprise

How Huel grew their direct-to-consumer storefront

CMS table row thumbnail

Consumer

How Mixpanel launched their new product site

CMS table row thumbnail

SaaS

How Cal.com ships a world-class docs experience

CMS table row thumbnail

Startup

How Loops builds email SaaS pages in days

CMS table row thumbnail

SaaS

How Contra launched a freelancer marketplace

CMS table row thumbnail

Startup

How Miro ships marketing pages without engineering

CMS table row thumbnail

SaaS

Add to Agent

⌃A

Agent

Updates

Use

use-cases.csv

to create Use Case Articles and Categories collections. Populate fields and match each article to a category.

Thinking...

I’ll create two CMS collections from the attached CSV.

Added 82 layers 44s

Done — I added two linked collections:

  1. Articles — 39 CSV rows imported.

  2. Categories — 10 rows added and linked to Articles as multi-select tags.

Changes

Undo

Articles

39 Items

Categories

10 Items

GPT 5.5

CMS hero interface preview

CMS

Site

·

main

CMS hero background image

Invite

Publish

Collections

Fields

Plugins

Blog

Careers

Docs

Guides

Help

Startups

Use Cases

Articles

0

0

Categories

0

0

Add...

Title

Image

Category

Featured

How Perplexity launched their AI search brand site

CMS table row thumbnail

AI

How DoorDash redesigned their marketing site

CMS table row thumbnail

Enterprise

How NBA launched a global fan experience

CMS table row thumbnail

Sports

How Dribbble rebuilt their community platform

CMS table row thumbnail

Design

How Zapier ships landing pages 10x faster

CMS table row thumbnail

SaaS

How Microsoft powers brand design at scale

CMS table row thumbnail

Enterprise

How Huel grew their direct-to-consumer storefront

CMS table row thumbnail

Consumer

How Mixpanel launched their new product site

CMS table row thumbnail

SaaS

How Cal.com ships a world-class docs experience

CMS table row thumbnail

Startup

How Loops builds email SaaS pages in days

CMS table row thumbnail

SaaS

How Contra launched a freelancer marketplace

CMS table row thumbnail

Startup

How Miro ships marketing pages without engineering

CMS table row thumbnail

SaaS

Add to Agent

⌃A

Agent

Updates

Use

use-cases.csv

to create Use Case Articles and Categories collections. Populate fields and match each article to a category.

Thinking...

I’ll create two CMS collections from the attached CSV.

Added 82 layers 44s

Done — I added two linked collections:

  1. Articles — 39 CSV rows imported.

  2. Categories — 10 rows added and linked to Articles as multi-select tags.

Changes

Undo

Articles

39 Items

Categories

10 Items

GPT 5.5

Create, update and import your content. Manually or with a prompt.

Create, update and import your content. Manually or with a prompt.

CMS

Site

·

main

CMS interface preview image

Invite

Publish

Collections

Fields

Plugins

Academy

Blog

Articles

320

Authors

0

0

Categories

18

Styles

7

Developers

Startups

Help

Add...

Name

Bio

Avatar

Department

Jurre Houtkamp

CMS author portrait

Design

Leads the Marketing team at Framer

Ashley Worth

Ashley Worth author portrait

Partnerships

Agency partnerships manager

Edoardo Mercati

CMS author portrait

Design

Product lead of CMS and Localization

Andy Orsow

CMS author portrait

Design

Video marketeer at Framer

Sophia Cassidy

CMS author portrait

Education

Education and startups partnerships manager

Tom Watson

CMS author portrait

Engineering

Staff product engineer

CMS editor sidebar preview
CMS editor header preview
CMS search row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS visual interface preview

CMS

Site

·

main

CMS interface preview image

Invite

Publish

Collections

Fields

Plugins

Academy

Blog

Articles

320

Authors

0

0

Categories

18

Styles

7

Developers

Startups

Help

Add...

Name

Bio

Avatar

Department

Jurre Houtkamp

CMS author portrait

Design

Leads the Marketing team at Framer

Ashley Worth

Ashley Worth author portrait

Partnerships

Agency partnerships manager

Edoardo Mercati

CMS author portrait

Design

Product lead of CMS and Localization

Andy Orsow

CMS author portrait

Design

Video marketeer at Framer

Sophia Cassidy

CMS author portrait

Education

Education and startups partnerships manager

Tom Watson

CMS author portrait

Engineering

Staff product engineer

CMS editor sidebar preview
CMS editor header preview
CMS search row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
Create a collection in seconds

Describe what you want to store and the agent creates the collection, adds the right field types, and sets up slugs automatically.

Publish

Title

Vibe-coding interactive components

Date

6/17/2026

Image

CMS interface preview image

Categories

Tutorials

AI

Content

Interactive components used to require hours of careful state management and animation logic. With vibe-coding in Framer, you describe what you want in


Slug

translation models

framer.com/blog/translation-models

Status

Live

Tint

6200D9

Featured

Title

Status

Image

Category

Vibe-coding interactive components

Draft

Tutorials

10 animation techniques every designer should know

Live

Inspiration

Behind the scenes: building a design system at scale

Live

Product

The art of micro-interactions: small details, big impact

Live

Inspiration

How to keep your design system in sync

Live

Guide

Typography first: why type sets the tone for everything

Live

Design

Empowering next generation of designers

Live

CMS item thumbnail

Inspiration

CMS editor sidebar preview
CMS editor header preview
CMS search row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
Populate collections with real content

Ask the agent to fill your collection with sample data and it generates structured, realistic items. Titles, descriptions, dates, and categories ready to preview.

CMS visual interface preview

Publish

Title

Vibe-coding interactive components

Date

6/17/2026

Image

CMS interface preview image

Categories

Tutorials

AI

Content

Interactive components used to require hours of careful state management and animation logic. With vibe-coding in Framer, you describe what you want in


Slug

translation models

framer.com/blog/translation-models

Status

Live

Tint

6200D9

Featured

Title

Status

Image

Category

Vibe-coding interactive components

Draft

Tutorials

10 animation techniques every designer should know

Live

Inspiration

Behind the scenes: building a design system at scale

Live

Product

The art of micro-interactions: small details, big impact

Live

Inspiration

How to keep your design system in sync

Live

Guide

Typography first: why type sets the tone for everything

Live

Design

Empowering next generation of designers

Live

CMS item thumbnail

Inspiration

CMS editor sidebar preview
CMS editor header preview
CMS search row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
Populate collections with real content

Ask the agent to fill your collection with sample data and it generates structured, realistic items. Titles, descriptions, dates, and categories ready to preview.

CMS visual interface preview
Blog top bar interface preview

Desktop

1200

Blog
CMS stack title preview
CMS stack title preview

Blog

web-interactions

Draft

A fully designed detail page, wired to your content

Ask for a detail page and the agent creates the route, maps every field, and wires the full layout. No URLs or variables to set up manually.

CMS visual interface preview
Blog top bar interface preview

Desktop

1200

Blog
CMS stack title preview
CMS stack title preview

Blog

web-interactions

Draft

A fully designed detail page, wired to your content

Ask for a detail page and the agent creates the route, maps every field, and wires the full layout. No URLs or variables to set up manually.

CMS visual interface preview
Blog top bar interface preview

Desktop

1200

Blog
CMS stack title preview
CMS stack title preview

Blog

web-interactions

Draft

A fully designed detail page, wired to your content

Ask for a detail page and the agent creates the route, maps every field, and wires the full layout. No URLs or variables to set up manually.

CMS

Site

·

main

CMS interface preview image

Invite

Publish

Collections

Fields

Plugins

Blog

Careers

Case Studies

Articles

0

0

Categories

0

0

Guides

Help

Updates

Add...

Title

Status

Date

Icon

Type

How Zapier unified their marketing site in 8 weeks

Live

CMS item thumbnail

SaaS

Scaling Mixpanel’s design system to 500+ components

Live

CMS item thumbnail

Analytics

Bird's zero-downtime deployment pipeline

Live

CMS item thumbnail

Fintech

StackAI’s approach to real-time inference at scale

Live

CMS item thumbnail

AI

How Miro shipped a new marketing site without compromising on design

Live

CMS item thumbnail

Collaboration

Designer Fund’s portfolio platform from 0 to launch

Live

John Doe

CMS editor sidebar preview
CMS editor header preview
CMS search row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
Import files and get a full collection instantly

Drop in a .csv file and the agent reads your columns, creates the collection schema, maps every field, and populates all items. Your data is live and editable in seconds.

CMS visual interface preview

CMS

Site

·

main

CMS interface preview image

Invite

Publish

Collections

Fields

Plugins

Blog

Careers

Case Studies

Articles

0

0

Categories

0

0

Guides

Help

Updates

Add...

Title

Status

Date

Icon

Type

How Zapier unified their marketing site in 8 weeks

Live

CMS item thumbnail

SaaS

Scaling Mixpanel’s design system to 500+ components

Live

CMS item thumbnail

Analytics

Bird's zero-downtime deployment pipeline

Live

CMS item thumbnail

Fintech

StackAI’s approach to real-time inference at scale

Live

CMS item thumbnail

AI

How Miro shipped a new marketing site without compromising on design

Live

CMS item thumbnail

Collaboration

Designer Fund’s portfolio platform from 0 to launch

Live

John Doe

CMS editor sidebar preview
CMS editor header preview
CMS search row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
Import files and get a full collection instantly

Drop in a .csv file and the agent reads your columns, creates the collection schema, maps every field, and populates all items. Your data is live and editable in seconds.

CMS

Site

·

main

CMS interface preview image

Invite

Publish

Collections

Fields

Plugins

Blog

Careers

Case Studies

Changelog

Updates

51

Categories

3

Guides

Help

Add...

Title

Category

Date

Status

Fixed OAuth token refresh failing silently

Bug Fix

16/06/26

Live

Redesigned onboarding flow for new workspaces

Improvement

13/06/26

Live

Added real-time collaboration cursors

New Feature

10/06/26

Live

Resolved memory leak in dashboard charts

Bug Fix

07/06/26

Live

Introduced webhook retry with exponential backoff

New Feature

04/06/26

Live

CMS editor sidebar preview
CMS editor header preview
CMS search row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
Bulk edits, rewrites, and migrations

Move content between collections, wire up relations across hundreds of items, and rewrite or optimize copy. All in a single prompt.

CMS visual interface preview

CMS

Site

·

main

CMS interface preview image

Invite

Publish

Collections

Fields

Plugins

Blog

Careers

Case Studies

Changelog

Updates

51

Categories

3

Guides

Help

Add...

Title

Category

Date

Status

Fixed OAuth token refresh failing silently

Bug Fix

16/06/26

Live

Redesigned onboarding flow for new workspaces

Improvement

13/06/26

Live

Added real-time collaboration cursors

New Feature

10/06/26

Live

Resolved memory leak in dashboard charts

Bug Fix

07/06/26

Live

Introduced webhook retry with exponential backoff

New Feature

04/06/26

Live

CMS editor sidebar preview
CMS editor header preview
CMS search row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
Bulk edits, rewrites, and migrations

Move content between collections, wire up relations across hundreds of items, and rewrite or optimize copy. All in a single prompt.

Create a new Authors collection for the Blog with fields for name, avatar, department, bio, and social link.

Thinking...

Setting up the Authors collection now. Adding fields for name, avatar, department, bio, and social link.

Changes

Undo

Authors

39 Items

GPT 5.5

The CMS, built for how teams work

Dynamic island interface preview

website.com/changelog

Jun 17, 2026

Introducing Dynamic Optimization, an all-new way of optimizing your published websites. All sites now optimize in seconds, even large ones. And adding pages has no impact on optimization time. Pages are now optimized on first visit, and we cache the result until the next publish. Your most visited pages are pre-optimized on publish, ensuring consistent performance and full visibility into any issue.

Update collections directly on your site, on any device. Teammates can edit content on mobile without ever opening the canvas.

CMS visual interface preview
Visual content editor

Edit and publish content directly on the canvas. See your changes in context without switching to a separate editor or leaving your layout.

Site Settings

Title

{{Title}} – Comet Resources

URL

/resources/:slug/

Page Description

{{Category}} – {{Seo Description}}

Plain text values from the CMS can be used for the title & description. For example, a field named “Title” can be referenced as {{Title}} to display unique content per page.

CMS Variables: Title, SEO Description, Category, Intro, Slug, Quote

CMS visual interface preview

Site Settings

Title

{{Title}} – Comet Resources

URL

/resources/:slug/

Page Description

{{Category}} – {{Seo Description}}

Plain text values from the CMS can be used for the title & description. For example, a field named “Title” can be referenced as {{Title}} to display unique content per page.

CMS Variables: Title, SEO Description, Category, Intro, Slug, Quote

CMS visual interface preview

Optimize every CMS page automatically, from dynamic titles and descriptions to schema and open graph tags.

CMS visual interface preview
CMS visual interface preview
Drafts & publishing

Write and stage content without it going live. Preview your changes first, then publish when ready, whether you’re working solo or with a team.

The details that make content feel alive

Websites with Best Interactive Design

CMS interface preview image

Juliet John

·

5 min read

Blog

CMS desktop interface preview

Conditional Visibility. Show or hide elements automatically with CMS logic.

Locales

NL

Dutch

35%

IT

Italian

100%

CN

Chinese

90%

FR

French

75%

ES

Spanish

15%

Add...

Search…

English

Dutch

All

Articles

In Progress

Getting Started

In Progress

Aan de slag

New

getting-started

To Review

Je kunt kiezen…

Done

What’s New

In Progress

Built-in localization. Translate content across languages and serve the right version to the right audience automatically.

Academy

Case Studies

Case Studies

99

Industries

18

Companies

99

Solutions

47

Developers

Events

Help

Add...

Data Collections. Store and organize all your content in one place.

Search guides…

Categories

All

Design

Components

SEO

Topic

Layout

Levels

Beginner

Intermediate

Advanced

Dynamic Filters. Filter CMS lists with search, tabs, toggles, and dropdowns.

Categories

Personal

Portfolio

Personal

Portfolio

Blog

Business

Landing

SaaS

Unlimited References. Connect collections for flexible content.

Title

Status

Date

Marketing websites with rapid iteration cycles

Draft

E-commerce storefronts with dynamic product catalogs

Draft

Internal dashboards for real-time team metrics

Live

Client portals with role-based access control

Live

Documentation hubs with versioned content

Live

Improved search indexing speed by 40%

Live

John Doe

CMS editor sidebar preview
CMS editor header preview
CMS search row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview
CMS collection item row preview

Sorting

Status

Draft → Live

Date

New → Old

Add…

Discard

Save

Sort by any field. Order by text, date, number, or boolean and combine multiple rules.

Collections

Fields

Plugins

Articles

Fields

Title

Slug

Image

Reference

Toggle

Icon

Color

File

Link

Rich field types. Text, images, rich text, dates, references, and more.

The list goes on

  • On-page editing

  • Mobile CMS

  • Mobile CMS

  • Tables in rich text

  • Pagination

  • Pagination

  • Markdown

  • Markdown

  • Bulk operations

  • Up to 100K items

  • CSV import

  • CSV import

  • Code blocks

  • Blockquotes

  • Google Sheets sync

  • Airtable sync

  • Airtable sync

  • CMS Galleries

  • Dynamic filters

  • CMS agents

Get started with Framer

Get started with Framer

Get started with Framer