WebUISynth | simple synth with a JUCE audio engine

WebUISynth is a C++ library. WebUISynth has no bugs, it has no vulnerabilities, it has a Permissive License and it has low support. You can download it from GitHub.

A project building a simple synth (using JUCE's DSP classes and mostly copying the JUCE DSP tutorial) integrated with a web UI (using React and TypeScript). The UI is automatically synchronised with the plugin's state, taking advantage of JUCE's ValueTree class on the C++ side and MobX on the Javascript side. The project is intended as a showcase for the juce_browser_integration module I have created, which provides helper classes and patterns for easily integrating a web UI with a JUCE app. You can see that only a small amount of code is required from the developer to hook up UI to the plugin's parameters: Parameters.tsx – the code in the juceIntegration directory (which will be split out into its own reusable npm module) takes care of automatically synchronising state between JUCE and JS. The plugin also integrates an oscilloscope running at 30fps (rendered using a HTML canvas), to demonstrate that fast state updates are possible without a significant impact on performance – in my measurements, the CPU usage remained in the same ballpark as doing the same rendering with JUCE graphics. Please see the JUCE module's repo for more details on the integration: Ultimately this project and the integration will be cross-platform on both desktop and mobile, but right now it has only been tested on macOS and iOS.