User-written JavaScript, CSS, or HTML that extends functionality beyond built-in features. Custom code enables advanced interactions, integrations, and unique behaviors tailored to specific requirements. In Framer, add custom code through code components, overrides, or the custom code section in site settings.

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.

An extension that adds functionality to a software platform beyond its built-in capabilities. Plugins extend tool capabilities without core software changes. Evaluate plugin quality and maintenance before depending on them in production.

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.

Properties passed to components that control their appearance and behavior, the primary customization mechanism. Props enable component reuse by allowing different configurations of the same underlying component. Design prop interfaces thoughtfully for intuitive component 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.

A layout component that arranges children in a vertical or horizontal sequence with consistent spacing. Stacks simplify common layout patterns and maintain consistent gaps between elements. Use Framer's auto layout or stack components for structured arrangements.

A cohesive set of design choices—colors, typography, spacing—that can be applied across a site or component library. Themes enable consistent styling and support features like dark mode. Framer’s variables support theming through switchable value sets.

Framer’s enhanced vector editing capabilities with improved path manipulation and boolean operations. Vectors 2.0 enables more sophisticated graphic creation directly within Framer. Use vector tools for icons, illustrations, and custom shapes.

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.

Cascading Style Sheets—the styling language that controls how HTML elements appear, including colors, fonts, spacing, and layouts. While Framer generates CSS automatically from your visual designs, understanding CSS concepts helps you troubleshoot issues and leverage advanced features. Custom CSS can be added through code components or overrides when needed.

The programming language that enables interactive and dynamic behavior in web browsers. JavaScript powers everything from form validation to complex web applications and animations. Framer's code components and overrides use JavaScript for custom functionality beyond visual tools.

User Interface—the visual elements and interactive components through which users engage with a product. Good UI is intuitive, consistent, and aligned with user expectations and mental models. UI design balances aesthetic appeal with functional usability.

A shareable Framer link that lets others duplicate a project or component into their own workspace. Remix links are commonly used for templates, examples, and reusable building blocks. See Creating Remix Links in Framer.

A timeline of saved project states that allows you to review, compare, and restore earlier versions. Version history reduces risk when iterating by making rollbacks straightforward.

Component Properties are exposed settings on reusable components that let editors and designers change values like text, states, visibility, or variants.

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.

Prompt-to-Code describes workflows where AI converts prompts and design intent into code structure. It is commonly paired with Prompt Template systems and custom Code Component output.

Framer plugins help teams add new capabilities to the editor, automate repetitive work, and connect design workflows to external services without leaving the project.

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