Agent-Editable Content
Agent-editable content is website or CMS content structured so an AI agent can update it safely without breaking the design.
Agent-editable content depends on clear fields, reusable components, and predictable page structure. When content is well organized, an agent can update copy, metadata, or CMS records while keeping the site consistent and editable.
Modal
Components
A dialog overlay that requires user attention before interacting with underlying content, used for alerts, forms, or focused tasks. Modals should have clear purposes and obvious dismissal methods—don't trap users in unexpected dialogs. In Framer, build modals as overlay components with appropriate entrance and exit animations.
Page
Framer
A distinct document within a website with its own URL, content, and purpose in the site structure. Each page should have clear purpose, proper metadata, and thoughtful internal linking. Organize pages logically and limit depth to keep content discoverable.
Lightbox
Components
An overlay that displays enlarged images or media while dimming the background, focusing attention on the content. Lightboxes are ideal for galleries and detailed image viewing without leaving the page. Ensure lightboxes are keyboard accessible with clear close mechanisms.
Framer CMS
Framer
Framer CMS is Framer’s built-in content system for creating collections, defining fields, and powering dynamic pages and components from structured content.