_❯LABS
Interactive experiments & their source
A playground for the 3D, canvas and shader pieces scattered across this site — each one isolated as a live, tweakable demo with its source code in plain sight.
3D Computer
A retro workstation built entirely with CSS 3D transforms — no WebGL, just perspective and transform-style: preserve-3d.
3D CSS3D Server Rack
A stacked server rack in CSS 3D with deterministic, seed-driven status LEDs — resize it, reseed it, spin it around.
3D CSSHolographic Project Card
A project card with mouse-driven CSS 3D tilt, holographic sheen, and image+tag parallax layers — no WebGL.
HUDGlitch Signal Map
A Canvas 2D signal grid with a per-cell state machine, pulsing accents and glitchy recalibration — throttled to 30fps.
HUDCybernetic Glyph Grid
A Canvas 2D grid of hex pairs and glitch glyphs that pulse, flicker and re-randomize on a deterministic timer.
HUDFake Console
A faux boot console that types out streaming log lines with a blinking caret and an auto-scrolling viewport.
HUDSystem Metrics Panel
An animated telemetry HUD with live-updating gauges and readouts, easing toward shifting target values.
ShadersFilm Grain Shader
Procedural multi-octave value-noise film grain in WebGL, supersampled to stay fine on high-DPI screens.
ShadersMesh Gradient
An animated mesh-gradient background: three drifting colour blobs, a vignette and optional film grain, all in one fragment shader.
ScrollScroll Morph
A scroll-progress-driven scale & translate morph using an easeInOutQuad curve — scrub it here with the slider.
SVGKirby
A hand-built decorative SVG character rendered as a pure-CSS animated illustration — no raster assets, no external library.