Anchor Link

A hyperlink that jumps to a specific section within the same page, identified by an ID attribute on the target element. These improve navigation on long pages by letting users skip directly to relevant content. In Framer, create anchor links by adding IDs to sections and linking to them with the # symbol followed by the ID name.

Related terms

Related terms

Cursor

Interaction

The visual indicator showing the mouse position on screen, which changes shape to indicate possible interactions. Custom cursors can reinforce branding and provide feedback about interactive elements. In Framer, the cursor becomes contextual tools for placing elements and manipulating the canvas during design.

Drag

Interaction

An interaction where users click and hold an element to move it, common for reordering lists, sliders, and drawing interfaces. Drag interactions should provide clear visual feedback about what's being moved and where it can be dropped. Consider touch device behavior where drag competes with scrolling gestures.

Event

Interaction

A user action or system occurrence that can trigger responses, such as clicks, scrolls, form submissions, or page loads. Events drive interactivity by connecting user actions to visual feedback and functionality. Understanding events helps create responsive, engaging experiences.

Hover State

Interaction

The visual appearance of an element when a user's cursor is positioned over it, providing feedback and indicating interactivity. Hover states are essential for buttons, links, and clickable elements—without them, users can't tell what's interactive. Remember that hover doesn't exist on touch devices, so don't rely on it for essential information.