Lab
Interaction Lab
Lab / Interaction

Cursor behaviour, drag systems & unconventional controls.

Hover states, touch experiments, physics-based UI and anything where the input model itself is the research question.

Experiments

Each card opens an isolated experience — none of this loads anywhere else on the site.

INTERACTION-001

Warp

Complete

A loom held under tension, played with the pointer. Moving across the threads plucks them — velocity, direction and where you cross all change the note. Pentatonic, so there is no wrong one. Touch gets chords a mouse cannot play.

2026-08-27 · Canvas + Web Audio, no library Open
INTERACTION-002

Room tint

Complete

Hover a row, the whole room takes its colour.

2026-09-22 · Split from interaction-002 Open
INTERACTION-003

Torchlight

Complete

The cursor is a hole in the dark.

2026-09-22 · Split from interaction-002 Open
INTERACTION-004

Magnetic controls

Complete

Buttons lean toward the hand.

2026-09-22 · Split from interaction-002 Open
INTERACTION-005

Depth cards

Complete

Layers separate under the cursor.

2026-09-22 · Split from interaction-002 Open
INTERACTION-006

Ghost plate

Complete

A preview chases the cursor down the index.

2026-09-22 · Split from interaction-002 Open
INTERACTION-007

Constellation

Complete

Points connect near your cursor.

2026-09-22 · Split from interaction-002 Open
INTERACTION-008

Six doors

Complete

Hover each tile for a different reveal shape.

2026-09-22 · Split from interaction-002 Open
INTERACTION-009

The deck

Complete

Hover to fan five sheets.

2026-09-22 · Split from interaction-002 Open
INTERACTION-010

The loupe

Complete

A square lens that magnifies what it passes over.

2026-09-22 · Split from interaction-002 Open
INTERACTION-011

Sticky cursor

Complete

The pointer snaps onto whatever it can act on.

2026-09-22 · Split from interaction-002 Open
INTERACTION-012

Smear

Complete

The cursor leaves the room disturbed.

2026-09-22 · Split from interaction-002 Open
INTERACTION-013

Repel

Complete

Letters get out of the cursor's way.

2026-09-22 · Split from interaction-002 Open
INTERACTION-014

The control that answers

Complete

Three states in one box.

2026-09-22 · Split from interaction-002 Open
INTERACTION-015

Bento

Complete

The grid itself yields to what you're looking at.

2026-09-22 · Split from interaction-002 Open
INTERACTION-016

The dock

Complete

Icons that grow as your cursor nears them.

2026-09-22 · Split from interaction-002 Open