Type Sound

A typographic synesthesia experience — every keystroke becomes a colored letter and a musical note, building a phrase into something you can hear.

Category: Vibe Coding · Year: 2026 · Services: Concept, Generative Audio, Creative Code · Client: Personal

◄ Works

Type Sound homepage — dark canvas with the prompt "Type to create colors and sounds"

OverviewLetters, but louder.

built with claude · shipped to vercel

Type Sound turns a keyboard into a synth pad and a color cell for every letter. The canvas stays dark so the colored type pops; the audio engine maps character codes to notes in a Web Audio scale. No gameplay, no goal — just a small kinetic instrument. Built solo with Claude, shipped to Vercel; next: a record-and-replay mode, turning a typed phrase into a shareable audio-visual loop.

Visit live site ↗

Type Sound canvas with a single colored letter F glowing on a dark field

Single keystroke — one letter, one color, one tone.

What it's built on

NameType

ViteDeliverable

TypeScriptDeliverable

Web Audio APIDeliverable

Canvas / WebGLDeliverable

VercelDeliverable

What was built

NameType

Product conceptDeliverable

Audio synthesisDeliverable

Visual designDeliverable

Frontend implementationDeliverable

For Help, press F1

type_sound.doc