Skip to content

A simple Web Audio playground built with React Flow. Follow the tutorial to learn how to build it yourself.

Notifications You must be signed in to change notification settings

xyflow/react-flow-web-audio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

A simple Web Audio playground built with React Flow. Follow the tutorial to learn how to build it yourself.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published