Tone.js

JavaScript

Audio & sound

Build synthesizers, sequencers, and interactive audio in the browser.

What it does

Tone.js is a Web Audio framework for making music and sound in the browser. It gives you synths, effects, a transport system for timing, and a step sequencer. It's what powers browser-based music tools.

When to use it

Use this when you're building a browser synthesizer, drum machine, or interactive music tool.

Real example

You're building a browser-based drum machine where each pad plays a different drum sound when clicked. Prompt: 'Use Tone.js to create a MembraneSynth for kick, a MetalSynth for hi-hat, and a NoiseSynth for snare. Wire each to a button that triggers .triggerAttackRelease() on click.'

Good to know

Has a learning curve — you need to understand basic audio concepts like oscillators and envelopes. But the docs are great.

Alternatives

Howler.js

Install

$ npm install tone

Use cases

synthesizerstep sequencermusic toolaudio generation

Language

JavaScript

More in Audio & sound

Other tools in the same category

JS Howler.js

Simple audio playback library — sound effects, music, spatial audio.

sound effectsbackground musicgame audio

JS WaveSurfer.js

Display and interact with audio waveforms.

waveformaudio playerpodcast