Things we made for no good reason.

Lab · 2026 · Three.js · WebGL · live demo

Diorama — a room you can rearrange

An isometric cutaway room, rendered in real time. Drag furniture across a snap grid, recolour every piece, re-skin the walls and floor, and swap whole moods with one click. Fully procedural — no models, no textures, no build step. Lab · 2026 · Three.js · WebGL2 · live demo

Resonance

A real-time WebGL experience in three scenes — a raymarched dreamscape, a 340k-particle field, and an audio-reactive nebula — each of which periodically reforms into the amplified® wordmark. Lab · 2026 · JavaScript · Web Workers · live demo

World Cup 2026 probability simulator

Who will win the World Cup 2026? We simulate up to a million tournaments in your browser — Elo ratings, Poisson goals, live results — and let you explore every team's odds, bracket path and upset potential. Lab · 2026 · 3D-force-graph · Three.js · live demo

DB Neuron Graph: your database as a 3D brain

Database records as a 3D neuron-like brain — every node a record, every thread a relation, every pulse a synapse firing. ~500 sample records, force-directed in WebGL. Lab · 2026 · TypeScript · MCP

presend — an MCP that grades your draft before you hit send

An MCP server you point at any draft — email, LinkedIn, proposal, performance review — and it scores it 0–10, flags risky phrasing, and rewrites on demand. No API keys, no outbound calls: the host LLM does the analysis. Lab · 2026 · Next.js · PWA · live demo

Jofit — ML wellness coach

A fitness & wellness PWA that turns water intake, training load and blood-work into one ranked daily suggestion — each tagged by urgency tier and linked to its source paper. Lab · 2026 · Three.js · WebXR · live demo

Lost Room — WebXR

A small 3D room that exists between dimensions. Drift through it with a mouse, or step inside with a VR headset. Lab · 2026 · React · html2canvas · live demo

Social Image Generator — a travel agency post studio

A browser-based tool that generates ready-to-download social media posts — 1:1 and 9:16 — for a travel agency. Fill in a few fields, pick a layout, drop a photo, download PNG. Lab · 2026 · HTML · CSS · live demo

Responsive type scale with CSS clamp(), no media queries

A fluid modular type scale that resizes between two viewport widths with a single clamp() declaration per heading. Pick base + ratio, copy CSS + Tailwind config. Lab · 2026 · HTML · JavaScript · live demo

Colour system generator: one hex, four output formats

Drop in a brand hex. Get an 11-step scale, semantic tokens, dark-mode pairing, and copy-paste output for CSS, Tailwind, SCSS and Figma Tokens. Lab · 2026 · PHP · cURL

PHP image proxy with WebP negotiation

A 30-line PHP proxy that fetches images from a headless CMS, negotiates WebP via Accept header, and caches them with 30-day immutable headers. The whole thing fits in a single file. Lab · 2026 · PHP · SVG

Generative SVG cover system

The cover image on this card was rendered server-side from your slug. No designer, no upload, no asset pipeline. Deterministic geometry + type + cache headers. Lab · 2026 · PHP · JavaScript

Static-PHP i18n at OVH scale

An i18n stack that works on cheap shared hosting where mod_rewrite QSA breaks: URL path parsing in PHP + a JS link-rewriter at boot. No frameworks, no build step. Lab · 2026 · WebGL · Three.js

Brand colour pipeline tester

A tiny WebGL viewer that shows a single hero colour rendered under three light conditions side-by-side. Drop in a hex, see if it survives Lisbon overcast. Lab · 2026 · Node.js · Matterport SDK

Matterport tour audit script

A small Node script that crawls a Matterport tour and flags common quality issues: unreachable rooms, missing hotspots, broken transitions. Internal tool we now ship to clients. Lab · 2026 · Canvas 2D · requestAnimationFrame

Live code panel — what you see, while you read

The 'made while you read' panel on the homepage is real code, running. Here's how the live canvas + token stream works — and what we learned tuning it for sub-100ms repaint.