Screenshots coming soon
Tech Stack
React 19TypeScriptViteTailwind CSSTone.jsWeb Audio APIZustandFreesound API
About
A browser-based digital audio workstation built from scratch with React, TypeScript, and the Web Audio API — no backend, no plugins, no Electron. Write beats, play melodies, and arrange clips on a multi-track timeline; drive a polyphonic synth engine with ADSR, filter, reverb and delay; program a 16-step drum machine; and browse 500k+ CC-licensed Freesound samples or import SoundCloud tracks as references. Just the web platform, pushed hard.
Key Features
01Polyphonic synth engine — 4 oscillator types, full ADSR per voice, lowpass filter with resonance, convolution reverb + feedback delay, 5 built-in presets
0216-step drum sequencer with 8 rows and 4 kits (Trap, Boom Bap, Four-on-Floor, Lo-fi), with live step highlighting during playback
03Multi-track arrangement timeline — scrubbing playhead, real-time bar/beat/time display, and click-free BPM ramping
04Singleton audio engine lazy-initialised on first gesture (Web Audio autoplay policy), with rampTo param changes so edits never click mid-playback
05Sample-accurate scheduling via Tone.Transport.schedule with stored IDs for clean cancellation on stop/rewind
06500k+ CC-licensed Freesound sample search + SoundCloud import, drag-and-drop straight onto the timeline
07Mixer with per-track volume/pan, mute/solo/arm, master bus, and a real-time CPU meter