
AI
Generate page layouts and advanced components in seconds with AI, so you can skip the blank canvas and start designing with confidence.
Practical AI listeners get 30% off an annual Pro plan. Framer is the no-code website builder for designing, shipping, and scaling company websites, without engineering. Teams at companies like Perplexity and Miro use it to move faster.




Practical AI



Desktop
·
1200
Breakpoint

Tablet
Breakpoint


Practical AI
Generate site layouts and advanced components in seconds with AI, so you can skip the blank canvas and start designing with confidence.
Craft responsive layouts and bring them to life with smooth effects, interactions, and animations. Build exactly what you imagine, visually.
Manage and update your content effortlessly with a built-in CMS. Keep your site fresh without touching code.
Whether you’re collaborating on the canvas or editing copy directly on the page, updates are seamless and handoff-free.




Wireframer

I created three unique landing pages in dark mode for your modern design startup: a main landing page, a creative-focused page, and a studio showcase page.

Landing Page 1

Landing Page 2

Landing Page 3

100%





Benjamin
Paul

100%





Title
Image
Date
Category
Slug
Search 153 items…
Empty States in CMS Lists

Jan 29, 2026
CMS
empty-states-in-cms-lists
Plugins 3.10: CMS

Jan 28, 2026
Plugins
plugins-3.10-cms
January Update: Font Previews

Jan 22, 2026
Design
january-update-2026
Advanced Hosting

Jan 21, 2026
Publishing
advanced-hosting
Free Custom Domains

Jan 8, 2026
Publishing
free-custom-domains
On-Page Editing 2.0

Jan 8, 2026
CMS
on-page-editing-2.0
Plugins 3.9: Collections

Dec 18, 2025
Plugins
plugins-3-9
Custom Code

Dec 15, 2025
Publishing
custom-code
Flow Effect

Dec 11, 2025
Effects
flow-effect
Localized Page Paths

Dec 11, 2025
Localization
localized-page-paths

Title
Empty States in CMS Lists
Image

empty-states-in-cms-lists.jpg
Categories
CMS
Slug
empty-states-in-cms-lists
framer.com/updates/empty-states-in-cms-lists
Content
Starting today, you can add and customize empty states for CMS collection lists directly in the Canvas. When a collection is empty, or when filters return no results, you can now show a dedicated empty state instead of a blank space in the preview and on published sites. To add one, select a collection list, switch the new State property to Empty, and add an empty state layer in one click. Framer automatically manages visibility using a new Visible Items variable, while you stay in full control of layout, styling, and content. So you can add text, icons, buttons, and links to guide visitors and make empty pages feel intentional and useful. This is the first step toward more dynamic CMS collections, with plenty more coming. Here’s a list of other additions:
Added ability to set an empty state for a CMS list
Added a draft badge in the detail page selector
Added Alt text support when importing images
Added a warning when removing a field in use
Added collection item variables to Search
Added support for editing links on-page
Improved re-generating previous AI translations
Improved distinction of draft items in the CMS
Improved UX when adding a new CMS field
Improved localization empty states clarity
Improved the locale selector behaviour
Fixed the missing draft status when duplicating collections
Fixed scroll restoration conflicts with infinite scrolling
Fixed some scrolling issues with the filters popover
Fixed RTL text direction flipping unpredictably
Fixed file uploads failing for specific formats
Fixed long text overlapping status labels
baseform.framer.website
Baseform®
Art Direction
Visual Design
Work,
Archive,
Profile,
Journal
Let's Talk
View All Posts
→





Click to edit
·
Changes are auto-saved
Site saved
·
Collaborators are notified. Changes will be visible once the project is published.
Open in Framer
Finish Editing

Generate page layouts and advanced components in seconds with AI, so you can skip the blank canvas and start designing with confidence.

Generate page layouts and advanced components in seconds with AI, so you can skip the blank canvas and start designing with confidence.

Generate page layouts and advanced components in seconds with AI, so you can skip the blank canvas and start designing with confidence.

Craft responsive layouts and bring them to life with smooth effects, interactions, and animations. Build exactly what you imagine, visually.

Craft responsive layouts and bring them to life with smooth effects, interactions, and animations. Build exactly what you imagine, visually.

Craft responsive layouts and bring them to life with smooth effects, interactions, and animations. Build exactly what you imagine, visually.

Manage and update your content effortlessly with a built-in CMS. Keep your site fresh without touching code.

Manage and update your content effortlessly with a built-in CMS. Keep your site fresh without touching code.

Manage and update your content effortlessly with a built-in CMS. Keep your site fresh without touching code.

Whether you’re collaborating on the canvas or editing copy directly on the page, updates are seamless and handoff-free.

Whether you’re collaborating on the canvas or editing copy directly on the page, updates are seamless and handoff-free.

Whether you’re collaborating on the canvas or editing copy directly on the page, updates are seamless and handoff-free.
Let’s help your team build better.
Discover how Framer empowers your team.
Try Framer to simplify your workflow.
Get advice tailored to your team’s goals.