WebSynth Studio is a browser-based analogue-style synthesizer built with React, TypeScript, Vite, and the Web Audio API. It runs fully offline, supports preset management, and now features configurable 2D expression control mapped to your device's trackpad.

Repository: https://github.com/szabadkai/synth-demo Live demo: https://szabadkai.github.io/synth-demo (replace szabadkai with your GitHub username when deploying forks via GitHub Pages)

Highlights ​

• Dual oscillator engine with sub, ring-mod, macro engines, and flexible mixer.
• Filter, envelopes, and effects including delay and convolution reverb.
• Modulation system with two assignable LFOs, arpeggiator, step sequencer, and macro controls.
• Configurable XY expression: engage CapsLock and glide on the trackpad to control any two parameters (filter cutoff, oscillator detune, FM amount, envelope times, macro sliders, LFO rate/depth, etc.).
• Patch workflow: import/export JSON patches, curate presets under src/patches/, and persist the working sound via local storage.
• Responsive keyboard: MIDI-like computer keyboard mapping, on-screen keys, pointer glissando, and octave shifts.
• Hardware MIDI input: enable Web MIDI in settings, pick a controller, and play the synth from external gear.