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.

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.

Interface elements that allow adjusting component properties visually, exposing customization options to designers. Property controls make components flexible and reusable across different contexts. In Framer, add property controls to code components for designer-friendly customization.

A JavaScript library for building user interfaces through composable components and declarative rendering. React's component model powers many modern web applications and design tools. Framer is built on React, enabling code components and advanced customizations.

Framer's backend functionality enabling server-side operations, data processing, and secure integrations. Server APIs handle operations that shouldn't or can't run in the browser, like secure API calls. Use server APIs for authentication, database operations, and sensitive processing.

An enhanced component with logic, state management, or interactive capabilities beyond static visual properties. Smart components respond to user input, fetch data, or manage complex state. Build smart components with code when visual tools aren’t sufficient.

Application Programming Interface—a set of rules that allows different software applications to communicate and share data. APIs enable integrations like pulling content from external databases, connecting to payment processors, or syncing with third-party services. Framer supports API connections through code components and code overrides for dynamic, data-driven sites.

Software application used to access and display websites, including Chrome, Safari, Firefox, and Edge, each with slightly different rendering behaviors. Cross-browser compatibility ensures your site works correctly for all visitors regardless of their browser choice. Framer generates clean, standards-compliant code that renders consistently across modern browsers.

Document Object Model — the programming interface representing HTML documents as a tree structure that JavaScript can manipulate. Understanding the DOM helps debug layout issues and write effective custom code.

The process of removing unnecessary characters from code—whitespace, comments, line breaks—to reduce file size. Minification speeds up loading without changing functionality, typically applied to CSS and JavaScript. Framer automatically minifies code for production deployment.

A linked copy of a component that inherits properties from its main component while allowing local overrides. Instances update automatically when the main component changes, maintaining consistency at scale. Override specific properties on instances when variations are needed.

A Sandbox is a constrained runtime environment that limits file, network, or system access to reduce risk during automated execution.

A HEX Value is a web color notation like #RRGGBB used in CSS and design tools to represent exact RGB color values.

In Framer, resource culling supports leaner pages by keeping unnecessary media, scripts, and interface resources out of the critical loading path.