Override
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.
Code Override
Framer
A JavaScript function that modifies component behavior without changing the component itself, enabling custom interactions and logic. Overrides let you add functionality like form validation, state management, or API calls while keeping components reusable. This separation of concerns keeps your component library clean while allowing page-specific customizations.
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.
Z-Index
Layout
A CSS property controlling stack order when elements overlap, with higher values appearing in front of lower values. Z-index management becomes complex with many overlapping elements—establish systematic layer naming. In Framer, layer order in the sidebar determines stacking with z-index overrides available.
API
General
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.
CSS
General
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.
JavaScript
General
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.
Breakpoint Overrides
Responsive
Breakpoint Overrides are responsive design adjustments applied at specific viewport widths so elements can adapt without changing the base design.