A reusable design element that maintains consistency across your project, from simple buttons to complex navigation systems. Components create a single source of truth—update the main component and all instances reflect the change. In Framer, components can have variants, responsive states, and interactive behaviors.

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.

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 methodology for building design systems from smallest elements (atoms) up through molecules, organisms, templates, and pages. This approach creates reusable, composable components that scale efficiently across large projects. Framer's component system naturally supports atomic design principles with nested 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.

A form element used to collect user-entered values such as text, email, or numbers. Input components often support states, validation, and submission workflows.

AI Layer Renaming automatically assigns meaningful layer names based on content and structure. This improves handoff, keeps files consistent with a Design System, and complements reusable Component Properties.