Move the cursor across the canvas
Physics · canvas2d
Particle field
120 particles drifting under inverse-square repulsion from the cursor. Lines draw between neighbours under a distance threshold.
Lab · 1 concept · 4 sketches
Studio playground.
A small set of interactive sketches — physics, generative waves, magnetic grids, type. None of it is in production. All of it is a finger exercise for the patterns we use in client work. Move the cursor, see what happens.
Scroll runs the dayLAB-01 · Self-initiated concept
Daybook
Treasury clarity for multi-entity operators — every account, every currency, every company, one cash position. A full product concept in a paper-ledger world unlike this site, with a scroll-driven cash river at its heart. All data illustrative; built end-to-end and labelled honestly.
Enter the concept →
- Hover for the pull
Interaction · canvas2d
Magnetic dots
A regular dot grid bends toward the cursor with smoothed inverse-square falloff. Closer dots tilt further; far dots barely move.
- Drag across to morph
Generative · canvas2d
Noise waves
Stacked horizontal lines modulated by layered sin/cos terms — cheap pseudo-noise. Cursor X shifts the phase, Y scales amplitude.
- Click to advance
Type · DOM
Word scramble
A single word cycles every 2.4s using the same scramble routine that ships in the studio nav. Click anywhere to skip ahead.
- ◌ Slot pending
More incoming
Watch this space.
New experiments land monthly. Got a request? Tell us in the brief generator or via contact.
Notes
- Every demo runs at the device pixel ratio (capped at 2×) and pauses when scrolled out of view — the page won't spin up your fan.
- Reduced-motion preferences are respected: every experiment paints a single static frame and stops.
- The code lives in
src/components/lab/. Each is ~120 lines of canvas2d, no external libraries.