Lab

Small experiments, real code.

Interaction studies built for this site. No mockups and no fake demos — each one runs.

These experiments are original to this portfolio, not client work.

Interaction

Signal Field

A pointer-reactive dot field built with CSS custom properties and a single listener. Move across it — attention follows the cursor without a canvas.

Motion

A text-scramble transition for states that need emphasis. It respects reduced-motion preferences and settles on the real string, not a fake one.

Pure CSS / 3 rings

CSS

A pure-CSS loading mark built from three tilted rings. No images, no JavaScript, and it stops animating under reduced-motion.

Elsewhere on GitHub

Ongoing experiments and open code live on GitHub. The profile is public; only repositories that exist are linked.