← Back to Projects
liveCreative
AudioFlow Studio
Visual Audio Synthesizer with Node-Based Architecture
Updated: Oct 15, 2025Created: Aug 1, 2024
ReactTypeScriptWeb Audio APIZustandTailwind CSSVite
What It Does
A browser-native digital audio workstation (DAW) that replaces timeline-based music production with a drag-and-drop node graph — powered entirely by the Web Audio API with real-time waveform visualization and full undo/redo history.
Key Features
- Node-based interface — Drag-and-drop oscillator, effect, and analyzer nodes via @xyflow/react
- Web Audio API synthesis — All audio runs in-browser, no server or WASM
- Custom effects — Flanger, chorus, phaser, amplifier implementations
- Real-time waveform visualization — See signal transformation at each stage
- Full undo/redo — Complete history stack for node graph operations
- Solo-built — Deep Web Audio API expertise demonstrated end-to-end