Code Component
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.
Custom Code
Framer
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.
Override
Framer
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.
Plugin
Framer
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.
Property Controls
Framer
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.
React
General
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.