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.

An interactive simulation of a product used to test concepts, gather feedback, and demonstrate functionality before full development. Prototypes range from low-fidelity wireframes to high-fidelity interactive mockups. In Framer, prototypes become production sites—there's no separate prototype stage to recreate.

An invisible clickable area overlaid on designs to add interactivity, commonly used in prototypes for click-through demonstrations. Hotspots enable quick prototyping of interactions without building fully functional components. In Framer, prefer native interactive components over hotspots for production.

A self-contained interactive element that provides specific functionality, often embeddable from third-party services. Widgets extend site capabilities without custom development—chat widgets, calendars, and forms are common examples. Consider performance impact when adding widgets and lazy load when possible.

Methods for combining shapes using union, subtract, intersect, or exclude operations to create complex vector graphics from simple shapes. These powerful tools enable creating custom icons, logos, and decorative elements without external software. Boolean operations are non-destructive in most design tools, allowing later modifications.