PG
← 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