React Flow Web Audio Playground

This repo contains a small Web Audio playground built with React Flow. Go check out the tutorial if you want to build your own from scratch!

Features of the playground include:

Create new audio nodes
Update node data with some UI controls
Connect nodes together
Delete nodes and connections
Start and stop audio processing

The tutorial covers React Flow topics including:

Using zustand for state management.
Custom nodes and controls.
"Running" or interpreting a React Flow graph.

Development

This app was built using Vite for development.

Installation

Before you start, you need to install the dependencies:

npm install

Spin up a dev server

npm run dev

Build

npm run build