A custom error page displayed when visitors try to access a URL that doesn’t exist on your site. A well-designed 404 page helps retain visitors by offering navigation options and search functionality rather than a dead end. Framer lets you create branded 404 pages that match your site’s design and guide users back to relevant content.

An HTML element that tells search engines which URL is the ‘official’ version of a page when duplicate content exists at multiple addresses. This prevents SEO dilution from copied content, URL parameters, or www/non-www variations. Framer automatically generates canonical tags, and you can customize them in page settings for specific SEO requirements. See Setting up a custom canonical URL in Framer.

A custom React component written in code that extends Framer's capabilities beyond built-in features. Code components enable advanced functionality like custom animations, API integrations, and complex interactive elements. They live alongside visual components and can accept properties that designers control without touching code.

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

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.

A tag management system for deploying tracking codes and scripts without modifying site code directly. GTM centralizes third-party tool management and simplifies analytics implementations. Add GTM to Framer through the custom code section for flexible tracking management.

Custom code or settings that modify default component behavior without changing the original component definition. Overrides enable page-specific customizations while maintaining reusable component libraries. Use Framer’s code overrides for interactions that go beyond visual property changes.