← Go back

Cursor Mechanics

Pointer Interface

Inspect how hover, click, drag, and resize interactions change interface state.

ModeHover

HoverIdle

DragReady

ResizeReady

Interaction Board

Hover Me

Hover

Move over something without pressing. Hover often reveals that an item can react.

Hover

Objects may highlight or reveal information when the cursor passes over them.

Click

A click usually selects or activates a single item.

Drag

Dragging moves an object while the pointer stays pressed.

Resize

Some corners and edges change size instead of moving the whole object.

How to Play

This module explains common pointer interactions.