01
Safe Triangle
The menu predicts where your cursor is going, not only where it is.
POINTER INTENTInvisible UX
Small interface decisions you feel before you notice.
A collection of interactive experiments exposing the hidden geometry, timing, physics, and system behavior behind interfaces that feel natural.
Download every behavior as an AI agent skill and let your tools apply these mechanics for you.
02
Hover Intent
Passing over is not the same as choosing.
POINTER INTENT03
Magnetic Target
The control can help the cursor arrive.
TARGET ACQUISITION04
Expanded Hit Area
What you see does not have to be all you can hit.
TARGET ACQUISITION05
Optimistic UI
The interface can respond before the server does.
PERCEIVED PERFORMANCE06
Scroll Anchoring
The page protects the thing you were looking at.
SCROLL BEHAVIOR07
Undo Instead of Confirm
Reversibility can replace interruption.
ERROR RECOVERY08
Drag Snap
Precision can be supplied by the interface.
GESTURE PHYSICS09
Interruptible Animation
New intent should not wait for old motion.
MOTION10
Origin-Aware Popover
Motion should remember where the action came from.
FLOATING GEOMETRY11
OTP Paste Distribution
One action should stay one action.
INPUT12
Cursor Interpolation
The network sends points. The interface creates motion.
COLLABORATION13
Pull to Refresh
Resistance tells your finger how far is far enough.
GESTURE PHYSICS14
Rubber Band Resistance
The edge can push back instead of just stopping.
GESTURE PHYSICS15
Velocity Gesture
How fast you let go is part of what you meant.
GESTURE PHYSICS16
Swipe Threshold
An action should arm before it fires.
GESTURE PHYSICS17
Drag Overlay
The thing you drag should not be trapped by its container.
GESTURE PHYSICS18
Smooth Reorder
Items should slide to their new place, not teleport.
GESTURE PHYSICS19
Optimistic Rollback
Be fast when you can, honest when you can't.
PERCEIVED PERFORMANCE20
Skeleton Screen
Show the shape of what's coming.
PERCEIVED PERFORMANCE21
Blur-up / LQIP
A blurry hint beats an empty box.
PERCEIVED PERFORMANCE22
Chat Bottom Anchor
Stay pinned to the latest — unless you're reading history.
SCROLL BEHAVIOR23
Virtualized Overscan
Render a little beyond the edge so scrolling never blanks.
SCROLL BEHAVIOR24
Scroll Snap
Scrolling should stop somewhere on purpose.
SCROLL BEHAVIOR25
Command Palette
Every action, one keystroke away.
NAVIGATION26
Slash Commands
Formatting without leaving the keyboard.
NAVIGATION27
Typeahead
Search should react to every keystroke.
NAVIGATION28
Roving Focus
A group of controls should feel like one Tab stop.
NAVIGATION29
Floating Label
The label can stay without stealing the space.
INPUT30
Inline Validation Timing
Correct gently on the way out, not on every keystroke.
INPUT31
Delayed Commit / Undo Send
A short pause turns a mistake into a non-event.
ERROR RECOVERY32
Autosave Status
Reassure without interrupting.
SYSTEM FEEDBACK33
Layout Animation
Layout changes should be a journey, not a jump cut.
MOTION34
Shared Element Transition
The same object should stay the same object across views.
MOTION35
Transform Origin
Where a scale starts changes what it means.
MOTION36
Spring vs Ease
Physics feels alive; fixed curves feel scripted.
MOTION37
Button Press Scale
A control should acknowledge your touch instantly.
MOTION38
Auto Animate
Adding and removing should never be instantaneous.
MOTION39
Multiplayer Cursors
Presence is felt through movement.
COLLABORATION40
Remote Selection
Show not just where they are, but what they're on.
COLLABORATION41
Presence Avatars
Know who's in the room at a glance.
COLLABORATION42
Haptic Threshold
A tick at the threshold makes a value feel physical.
SYSTEM FEEDBACK43
Long Press Threshold
Holding is a different intention than tapping.
GESTURE PHYSICS44
Contextual Menu Position
A right-click menu should open at your finger, then stay on screen.
FLOATING GEOMETRY45
Collision-aware Popover
When there's no room below, open above.
FLOATING GEOMETRY46
Dynamic Arrow Positioning
The arrow should point at the anchor, wherever it shifted.
FLOATING GEOMETRY47
Pointer Coalescing
Your pointer moved more times than your interface noticed.
GESTURE PHYSICS48
Predicted Pointer Events
The interface can draw where your pointer has not arrived yet.
GESTURE PHYSICS49
Pressure from Velocity
When pressure is missing, motion can impersonate it.
INPUT50
Stroke Streamlining
The stroke follows your intention, not every shake.
INPUT51
Stroke Tapering
A stroke can remember where it started and where it is ending.
INPUT52
Pointer Lock
Relative movement can replace cursor position.
GESTURE PHYSICS53Upcoming
Axis Lock
After intent is clear, motion can stay on one axis.
GESTURE PHYSICS54Upcoming
Gesture Intent Threshold
The handler waits for proof before claiming the pointer.
GESTURE PHYSICS55Upcoming
Gesture Hysteresis
Entering a state and leaving it need not use the same threshold.
GESTURE PHYSICS56Upcoming
Palm Rejection
The resting hand should not become input.
INPUT57Upcoming
Pinch Focal Point
Zoom should anchor where the pinch happens.
CAMERA BEHAVIOR58Upcoming
Pinch-to-Pan Coupling
Two fingers can mean zoom or pan — the interface must choose.
GESTURE PHYSICS59Upcoming
Wheel Delta Normalization
One notch of the wheel is not the same on every OS.
SCROLL BEHAVIOR60Upcoming
Momentum Cancellation
A new touch can stop scroll that was still gliding.
SCROLL BEHAVIOR61Upcoming
Drag Handle Ownership
Only the grip should pick up the item.
GESTURE PHYSICS62Upcoming
Closest-edge Reordering
Insertion follows the nearest edge, not the pointer center.
GESTURE PHYSICS63Upcoming
Drop Target Stickiness
Active targets should not flicker at boundaries.
GESTURE PHYSICS64Upcoming
Alt-drag Duplication
A modifier can mean copy instead of move.
GESTURE PHYSICS65Upcoming
Common Selection Bounds
Multiple selections share one bounding box.
TARGET ACQUISITION66Upcoming
Aspect Ratio Constraint
Shift can lock proportions while resizing.
EDITOR GEOMETRY67Upcoming
Resize from Center
Alt can mirror growth around the center.
EDITOR GEOMETRY68Upcoming
Minimum Resize Bounds
Objects can have a smallest valid size.
EDITOR GEOMETRY69Upcoming
Arrow Binding
Connectors should follow their nodes.
EDITOR GEOMETRY70Upcoming
Coordinate-space Conversion
Screen pixels are not canvas units.
CAMERA BEHAVIOR71Upcoming
Zoom-to-fit Padding
Framing leaves intentional breathing room.
CAMERA BEHAVIOR72Upcoming
Semantic Zoom
Zoom can change detail, not only scale.
CAMERA BEHAVIOR73Upcoming
Zoom Quantization
Zoom can settle on deliberate steps.
CAMERA BEHAVIOR74Upcoming
Camera Bounds Clamping
Pan and zoom should stop at the world edge.
CAMERA BEHAVIOR75Upcoming
Minimap Viewport Projection
The small map should show where you are.
CAMERA BEHAVIOR76Upcoming
Grid Compaction
Deleted gaps should not linger.
MOTION77Upcoming
Collision Push
Growing one object can politely move its neighbors.
EDITOR GEOMETRY78Upcoming
Dynamic Virtual Measurement
Row height may not be known until rendered.
SCROLL BEHAVIOR79Upcoming
Virtual Scroll Correction
Remeasured rows above should not jump the reader.
SCROLL BEHAVIOR80Upcoming
Scroll Seek Placeholder
Dragging the scrollbar can preview the destination.
SCROLL BEHAVIOR81Upcoming
Focus Restoration
Closing a dialog should return focus to where you were.
FOCUS MANAGEMENT82Upcoming
Focus Without Scroll
Focus should not yank the viewport.
FOCUS MANAGEMENT83Upcoming
Virtual Focus
Highlight can move without moving DOM focus.
NAVIGATION84Upcoming
Focus Guards
Tab should stay inside the modal.
FOCUS MANAGEMENT85Upcoming
Inert Background
The page behind should not receive input.
FOCUS MANAGEMENT86Upcoming
IME Composition Buffer
Composing text is not yet committed text.
INPUT87Upcoming
Gap Cursor
You can place a caret between blocks.
TEXT EDITING88Upcoming
Drop Cursor
Drag shows where content will land.
TEXT EDITING89Upcoming
Caret-anchored Floating UI
Menus can follow the text cursor, not only buttons.
TEXT EDITING