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.

Related terms

Related terms

  • 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.

  • Instance

    Components

    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.

  • Breakpoint Overrides

    Responsive

    Breakpoint Overrides are responsive design adjustments applied at specific viewport widths so elements can adapt without changing the base design.

  • Prompt Injection

    AI

    Prompt Injection is an adversarial technique that embeds manipulative instructions in user or retrieved content to subvert model behavior.