MAKE
THE WEB
MOVE.
SCROLL · MOVE · DRAG · CLICK
Not a page. A playground.
DESIGN
CODE
MOTION
KD
VELOCITY000
BREAK
CONTROL
THE CHAOS.
MAKE IT
RESPOND.
+
THEN
BREAK IT.
DON'T JUST
LOOK AT IT.
Drag the objects. Click the empty space. Move fast.
+
04 / AUDIO-REACTIVEMAKE
MAKE
SOME NOISE.
No microphone needed. Move across the instrument or use your keyboard.
05 / WEBGL OBJECTGRAB
GRAB
THE
CORE.
Drag to rotate. Move to bend the camera. Scroll to explode the object into space, then reconstruct it.
3D ENGINE READYCHANGE
THE SYSTEM.
One interface. Multiple personalities. Change the rules and watch the specimen react.
LIVE SPECIMEN / 001Interfaces
Interfaces
should react.
A tiny design system you can manipulate yourself — because interaction can be part of the identity, not decoration.
STATUS / LIVE
BUILD IT.
LIVE.
Choose blocks, reorder them and switch the visual direction. The preview rebuilds instantly.
08 / COMPOSITIONONE
ONE
SCREEN.
TYPE
DEPTH
SPACE
FEEL
09 / MAGNETIC UI
TRY TO CATCH IT.
10 / IMPACT
LOUD
WHEN IT
NEEDS TO BE.
One page.
Many instruments.
WebGL 3D · canvas particles · pointer tracking · drag interaction · live design controls · mini site builder · magnetic UI · click particles · generative audio · keyboard control · horizontal scenes · pinned composition · velocity response.
LET'S BUILD SOMETHING ↗← EXIT EXPERIENCE