Interactive demos, in one place.

A 3D handpan that learns how you play: record takes, train a model in the browser, and let it improvise phrases in your own style.

Generated playing comes from three layers. A melodic two-hand generator with live human feel controls. A Learned mode driven by an n-gram model over scale steps and durations, trained in the browser on your recorded takes, so it phrases the way you do. And thumbs up and down feedback that reweights the generator toward your taste. Under it all sits a physically based WebGL pan with 93 builder scales, custom layouts, and a velocity-layered sample engine.

Coming next Composition with a language model: ask Claude for a phrase as structured JSON, given the layout, feel, and a style prompt like "slow, sparse, resolves often", with the humanize layer kept deterministic so it still sounds like a person.

• In-browser ML
• n-gram model
• React
• TypeScript
• three.js
• Web Audio

An AI plant advisor: Claude answers free-form gardening questions through the plant-intel MCP server, with every tool call and source shown.

A chat UI over a tool loop. Claude calls a Model Context Protocol server for species care profiles, mechanism-derived companion checks, and frost-date planting windows, and the trace of each call and its sources is rendered alongside the answer. A system prompt honesty contract keeps claims tied to tool results, and a shared daily spend cap and rate limiter guard the API budget. The embedded deployment runs in demo mode: it replays one recorded conversation against fixture data, so every question returns the same answer, but the tool calls, sources, and caveats shown are real output from the MCP server.

• Claude API
• MCP
• Next.js
• TypeScript
• React

Drag two vectors around in 2D or 3D and watch the dot and cross products update live.

An interactive picture of the two vector products. Grab the handles on either vector, in a 3D scene or a flat 2D plane, and the equations recompute as you move: the dot product with its projection in 2D, and the cross product with its resulting perpendicular vector.

• React
• TypeScript
• react-three-fiber
• three.js
• styled-components