Experiments

Interaction Lab

A growing collection of interaction prototypes exploring motion, physics, perception, and interface design. Each one runs a small live preview you can push on right here in the card.

24 Active Prototypes

Temporal · Motion

Residual

The word drifts on a slow loop, and its earlier positions linger behind it as pale afterimages — several versions of the same text fading at their own rates.

Canvas
Afterimage

Geometry · Physics

Fold

A crease travels across the word. Every letter past it tips over the fold, shrinking and dimming as the line of type bends away from you.

Canvas
Transforms

Fluid · Motion

Flux Ink

The letters go soft and heavy, sagging on their own cycles while droplets of ink gather at their undersides and fall away.

Canvas
Fluid

Living Typography

Pulse Type

Every letter keeps its own rhythm — rising, swelling, and fading a beat out of step with its neighbors — while the word stays readable.

Variable fonts
Canvas

Dynamic Lighting

Lumen

A small light drifts along the line. Letters brighten and glow as it passes, each throwing a faint shadow the other way.

Canvas
Lighting

Emergent Systems

Swarm

The letters scatter into loose debris, tumble, then fly back and snap into place — the word assembling itself out of noise before breaking apart again.

Canvas
Particles

Procedural Fields

Field

Each letter behaves like a compass needle, swinging to point toward a moving pole — the whole word reorienting like iron filings around a magnet.

Canvas
Pointer

Persistent Systems

Residue

Letters warm and glow where a passing sweep touches them, then cool slowly — so the word keeps a fading trace of where it has been touched.

Canvas
Memory

Optical Systems

Paradox

The word casts a reflection, but the reflection runs on where it thinks you are going — sliding ahead of the real motion instead of mirroring it.

Canvas
Prediction

Spectral Motion

Spectrum

The word splits into red, green, and blue copies that drift apart and recombine, fusing back to white wherever they overlap.

Canvas
Blend modes

Surface Simulation

Membrane

The line behaves like a taut surface. A touch sends a ripple outward, and each letter lifts and glows for a moment as the wave passes through it.

Canvas
Waves

Visual Perception

Mirage

Thin horizontal bands of the word slide against each other, so the type shimmers like air over hot ground without ever really moving.

Canvas
Perception

Organic Growth

Growth

Each letter grows up from the baseline in turn — a thin stem rising first — overshoots, settles, then the word dissolves and begins again.

Canvas
Procedural

Motion Choreography

Cadence

A pulse runs through the word left to right, lifting and brightening each letter as it arrives — an equalizer moving to a beat you can't hear.

Canvas
Choreography

Quantum Interaction

Collapse

Every letter flickers between two possible positions at once, then settles — left to right — into a single definite word, and starts over.

Canvas
State

Spatial Perspective

Infinite

Copies of the word recede toward a vanishing point, each smaller and dimmer than the last, drifting sideways as you move — the same text falling away into distance.

Canvas
Parallax

Mechanical Display

Solari

The letters riffle through the alphabet like a split-flap departure board, each cell clattering to a stop a beat after the one before it.

Canvas
Mechanical

Feedback · Motion

Bloom

A tap blooms a ring that shatters into particles as the mark pops into place — the flick of a “like”.

Canvas
Particles

Mechanical Display

Tally

Number wheels roll past each other, a higher wheel turning only at the instant the wheel beneath it rolls over.

Canvas
Mechanical

Instrument Physics

Needle

A needle swings to its mark, overshoots by a hair, and settles in a single damped bob — weight you can read.

Canvas
Spring

Terminal · Phosphor

Phosphor

Characters print across a green phosphor screen at typing speed, each glowing for a frame and trailing a dim ghost, scanlines and all.

Canvas
CRT

Tactile Control

Detent

A control that turns in notches, clicking from one detent to the next rather than sliding free.

Canvas
Pointer

Print · Paper

Impress

A rubber stamp slams down, overshoots, and lifts to leave rough ink pressed slightly off-square.

Canvas
Print

Gesture · Elastic

Rebound

Pull the list past its edge and it stretches, resists, and springs back — the rubber-band of a refresh.

Canvas
Gesture