A flexbox property that controls how items are distributed along the main axis, using values like center, space-between, and space-around. It affects horizontal spacing in rows and vertical spacing in columns. In Framer layoutauto layout, it helps control distribution and balance.

A CSS property controlling whether an element responds to mouse and touch interactions, useful for making elements click-through or non-interactive. Disable pointer events for decorative overlays that shouldn’t block underlying interactions. Be cautious—removing pointer events can create accessibility issues.

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 Model Card summarizes model behavior, scope, limitations, and known risks for operators and users. It supports safety controls such as Guardrails and helps teams reason about Hallucination risk.

In Framer, smart components package structure, styling, content controls, and states into reusable building blocks so teams can update repeated UI consistently across a site.