This is a toolkit for experimental music production in the browser made using React, Tone.JS, and Firebase.

There are currently two synthesizers called "osc steps" and "texture gen", with more in development. Each synthesizer has a similar organizational structure that mimics traditional hardware synthesizer design. The structure from top to bottom is as follows:

1. User interface (sliders, knobs, menus, etc.)

   • Example: texture gen slider interface

2. Sequencer (note generation, rhythmic patterns, loops, etc.)

   • Example: osc steps sequencer

3. Audio Module Connections (routing, amplitude modulation, effects processors)

   • Example: texture gen effects chain

4. Oscillators (samplers, oscillators)

   • Example: osc steps oscillator 1

All state information for Synth 2 is managed using the context API which allows for easy parameter randomization.