text and images while maintaining consistent styling. Framer’s built-in CMS supports Content Management System—a platform for creating, organizing, and publishing digital content without writing code for each update. A CMS separates content from design, allowing non-technical users to update collections, relationships, and dynamic pages for blogs, portfolios, and product catalogs.

Framer Motion is now Motion, a high-performance animation library for React and JavaScript. The old name still appears in tutorials and search results, but current docs and packages use Motion.

If you are building a website in Framer, you do not need to install Motion or write Framer Motion code. Framer has Motion-powered animation tools built into the canvas, so you can create polished animations visually: appear effects, scroll animations, hover and tap states, transitions, and component variants. That gives you Framer Motion-style results without setting up npm, importing an animation library, or maintaining custom React animation code.

Bringing websites to life with animation in Framer

2:31

If your goal is to build a website, start with Framer instead of reaching for animation code first. You can design the page, add motion, and publish from one visual workflow — then use custom code only when a project truly needs it.

Use Motion directly when you are building a custom React or JavaScript app and need code-level animation control. Use Framer when you want to design, animate, and publish a site visually.

To learn the no-code path, explore Framer’s Academy, or open the Framer homepage to start building visually.

File Transfer Protocol—a standard method for transferring files between computers over a network. While FTP was historically used for website deployment, modern platforms like Framer handle publishing automatically. Understanding FTP concepts helps when working with legacy systems or specific hosting requirements.

Services that store website files and serve them to visitors over the internet. Reliable hosting affects site speed, uptime, and security. Framer includes premium hosting automatically with all published sites.

The percentage of time a website is operational and accessible, a key measure of reliability. High uptime is essential for user trust and revenue-generating sites. Framer's infrastructure provides high uptime through redundant hosting.

A DNS record that maps a hostname to an IPv6 address. It is the IPv6 equivalent of an A record and is used when your domain should resolve directly to an IPv6 endpoint.

A pre-production environment used to review and test changes before they go live. Staging helps teams validate content, layout, and behavior safely before publishing to the production site. See Publishing your Framer website.

A Publish Staging URL is a temporary or preview deployment address that allows teams to validate content and design before publishing to production.

A Production Domain is the primary public hostname connected to a live site deployment for real user traffic.

Site Preview is a non-production view of a site used to test design, content, and interactions before a production publish.

A branch preview is a shareable version of work on a branch, used to review changes before merging or publishing them live.

In collaborative Framer workflows, branch preview helps teams move faster without losing control of structure, content, performance, or editable design details.

An agent workflow is a sequence of AI-assisted steps for planning, editing, reviewing, and shipping work in a digital project.

An agent workflow breaks complex website work into smaller actions such as scanning pages, updating CMS items, improving layout, and reviewing changes. Clear workflows help teams use AI without giving up control over quality or publishing decisions.

Agent review is the process of checking AI-made changes for accuracy, visual quality, links, accessibility, and consistency before publishing.

Agent review is important because AI can make fast changes across content and design. A review pass catches duplicate content, broken links, weak metadata, layout issues, or edits that do not match the project’s existing structure.

An agent instruction is a rule or request that guides how an AI agent should plan, edit, format, or avoid certain actions.

Agent instructions shape the behavior of an AI assistant. They can describe tone, linking rules, CMS conventions, design constraints, or publishing boundaries so repeated work stays consistent across a project.

Agent permissions define what an AI agent is allowed to read, edit, create, publish, or automate inside a project.

Agent permissions help teams control risk when using AI. A project may allow an agent to edit CMS content, inspect pages, or create branches, while reserving publishing, production changes, or destructive edits for human approval.

An agent audit trail is a record of AI-assisted changes, decisions, and updates that helps teams review what happened in a project.

An agent audit trail makes AI work accountable. It can include changed content, branch activity, review notes, or publishing history so teams can understand what was edited and roll back or refine work when needed.

An agent guardrail is a boundary that prevents unsafe, unwanted, or inconsistent AI behavior during project work.

Agent guardrails can stop destructive edits, prevent duplicate CMS entries, preserve brand rules, or require review before publishing. They are especially useful when agents work across large websites or shared team projects.

Agent QA is the use of an AI agent to find and help fix issues such as broken links, duplicate content, missing metadata, or inconsistent layout.

Agent QA supports quality assurance by scanning project content and structure for problems. It is most useful when paired with human review, especially before merging a branch or publishing a site.

In Framer, review sharing helps teams gather comments, approvals, and direction on a live preview or project state before changes go public.

Framer custom domains let teams publish production websites on their own domain, keeping collaboration, hosting, and launch workflows in one place.

Framer rollback gives teams confidence to move quickly by making it possible to recover from unwanted edits, experiments, or publishing mistakes.

In Framer, CMS Galleries make it easier to publish collections of images, portfolios, case studies, or visual entries while keeping layout design separate from content updates.

In Framer, static generation helps performance by serving ready-made pages wherever possible, reducing runtime work and making published sites feel faster.

In Framer, edge caching improves performance by reducing distance and server work for published pages and assets, helping sites respond quickly around the world.

In Framer, font subsetting can improve page speed by minimizing font downloads while preserving the typography needed for the published site.

In Framer, optimized SVGs help maintain crisp visuals while reducing unnecessary markup, file size, and rendering cost on published pages.

In Framer, SEO-ready sites combine editable metadata, clean page structure, fast loading, responsive layouts, and publishing tools that help pages perform well in search.