Lab

The Lab

Interactive experiments and live demos — launch any of them right here.

Filter:

Showing all 10 experiments

Circle of Fifths

Click around the circle of fifths to hear each key and see how they relate.

Audio
▸ Launch
Project ↗ GitHub ↗ Live ↗

Circle of Fifths

CGDAEBF#DbAbEbBbFClick
C Major
Relative minor: Am

Perfect Fifth: G

Perfect Fourth: F

Click any key to hear its root note. The outer ring shows major keys, inner ring shows relative minors.

DosKit

Boot classic DOS software in your browser via WebAssembly — one click, no install.

Retro Computing
▸ Launch
Project ↗ GitHub ↗ Live ↗

DOS Emulator Preview

[ SYSTEM OFFLINE ]
Power

Gopher Client

Browse Gopherspace in a modern client — the pre-web protocol, live.

Retro Computing
▸ Launch
Project ↗ GitHub ↗ Live ↗

Gopherspace Browser

gopher://demo.server/
=== Welcome to Gopherspace ===
Click a menu item to view its content. Directories [DIR] open submenus, documents [TXT] show content here.
GopherGemini

The MCP server provides AI access to both Gopher and Gemini protocols - the "small internet" movement.

Retro Floppy

A tactile 3.5-inch floppy you can label and flip. Pure CSS nostalgia.

Retro Computing
▸ Launch
Project ↗ GitHub ↗ Live ↗

Zero-Crust Architecture

Step through a zero-trust edge architecture as an interactive diagram.

Systems
▸ Launch
Project ↗ GitHub ↗

Architecture Explorer

Main ProcessCashierCustomerHistoryDebugger
Main Process

Trusted process: MainStore, PaymentService, BroadcastService, IPC handlers

Pattern: Centralized State + Command Handler

Security: Zod validation, sender verification

Click nodes to explore. Watch IPC messages flow between processes.

Accessibility Techniques

Toggle accessibility techniques on and off to feel the difference each makes.

Accessibility
▸ Launch
Project ↗ Live ↗

Accessibility Features

Documentary Film

An archive of civil rights documentaries spanning five decades.

WCAG AA color contrast: 4.5:1
Focus indicators visible
Semantic HTML structure

Tab through the buttons to see focus rings. The site uses semantic HTML and Schema.org markup for discoverability.

Frostpane

A frosted-glass panel component you can tune in real time.

Systems
▸ Launch
Project ↗ GitHub ↗ Live ↗

Interactive Demo

Liquid Glass

Adjust the controls to see real-time changes to the frosted glass effect.

Electromagnetic Spectrum

Sweep the electromagnetic spectrum from radio to gamma rays.

Generative
▸ Launch
Project ↗ GitHub ↗ Live ↗

Spectrum Explorer

Visible Light
556 nm
Gamma Radio

Frequency: 430-750 THz

Energy: 1.7-3.1 eV

The only portion of the spectrum visible to human eyes.

Uzumaki

A hypnotic, interactive generative spiral.

Generative
▸ Launch
Project ↗ GitHub ↗ Live ↗

Spiral Gallery

Uzumaki spiral animation demo showing color transitions and spiral types
Fibonacci Aurora spiral Fibonacci Aurora
Vogel Sunflower pattern Vogel Sunflower
Uzumaki Neon spiral Uzumaki Neon
Curlicue Matrix fractal Curlicue Matrix

Available Platforms

Uzumaki on iPhone iOS
Uzumaki on Apple Watch watchOS
Uzumaki on Mac macOS
App Store Web App Source

AT Protocol MCP Tools

Call AT Protocol MCP tools against Bluesky and watch the structured responses.

AI Agents
▸ Launch
Project ↗ GitHub ↗ Live ↗

MCP Tool Explorer

atproto-mcp
# Request
{
  "tool": "get_profile",
  "handle": "bsky.app"
}
get_profile

Fetch a user profile by handle or DID

This is a simulated demo. The actual MCP server processes requests from AI assistants like Claude.