Studio playground.

• 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.

• 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 for the next

  01 / 07

  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.