Build log

I build things that light up.

A workbench of small interactive experiments — animations, simulations, and interfaces built with plain HTML, CSS, and JavaScript. No frameworks, no build step. Here's the first one, running live right now.

U1 Seven-segment clock — segment driver demo LIVE

More builds

Empty sockets, ready to populate.

Every project gets its own socket on the board. Drop in the next one and wire it up.

U2

Snowfall

Canvas particle snow over a branch.

U3

Tap the element for details. Use the arrows to browse all 118.

U4

Empty socket

Add your next build here.

U5

Empty socket

Add your next build here.

About

How this bench is wired.

No build tools, no dependencies — every project here is plain code you can open, read, and change.

StackHTML, CSS, vanilla JavaScript, SVG — no frameworks.
ApproachEach build is a self-contained script. Open it, read the code, change what you want.
LayoutShared markup and styles at the root; per-socket code in scripts/, styles in styles/, assets in images/.
First buildU1, the seven-segment clock above — a digit lookup table driving SVG segments and circuit traces in one shared coordinate space.
Second buildU2, a canvas snowfall — particles drifting over a frosted branch, scoped to its own socket.
Third buildU3, a periodic element card — tap hydrogen to reveal its stats and an orbiting-electron canvas.
StatusActively socketing new builds.