How it works

Syntho combines a plugin publishing studio with a reusable audio engine. Artists and creators work through Studio; developers and organizations can use the SDK, DSP, UI kit and toolchain to build or modernize audio products. See Start here for the available paths.

You describe the audio tool once. Syntho keeps the sound graph, parameters, interface, tests, and export metadata in one TypeScript project.

The graph

src/module.ts connects typed audio and MIDI nodes. TypeScript catches unknown nodes, invalid parameters, and incompatible connections before the preview starts. Most tools can be assembled from included nodes. New realtime DSP can be added as a restricted-TypeScript kernel when needed.

The interface

The interface is an ordinary web application. Use React, Vue, or another web stack, plus the included controls and visualizers. The same project can use animation, video, WebGL, 3D, or any compatible browser library.

The editors and workbench

Web Studio and Electron Studio provide hosted and local editing paths, both with preview/reload functionality. The local developer workbench runs the project with live audio and MIDI. It provides hot reload, parameter inspection, diagnostics, logs, fixtures, and export actions. This is where you and your coding agent listen, revise, and verify the result.

The engine and exporter

The browser path uses compiled WebAssembly inside an AudioWorklet. Native builds use the same portable graph and compiled DSP inside generated plugin shells. The toolchain owns host integration, automation, state restoration, and build plumbing so product projects do not maintain separate browser and native audio implementations.

Start with the Quickstart. See Export for target selection and Parity and verification for what is measured.