awesome-javascript-audio

JavaScript tools, libraries and components for creating/managing audio, sounds and music

GitHub Stars

189

Curated Resources

Use this list with your AI agent

Add the Context Awesome MCP server to Claude, Cursor, or any MCP client, then ask:

"Show me guitar resources from awesome-javascript-audio"

1j01/guitarGuitar
drag over the strings to play
andrefcasimiro/midikrewSequencers & Trackers
full fledged music sequencer, built with React
completejavascript/drum-machineDrum pads / MPC / MPD
simple react based MPD
cwilso/MIDIDrumsDrum pads / MPC / MPD
MIDI version of Shiny Drum Machine
d3-synthSynths
synth sounds, with circular tracker UI. Very nice, clean code
da-beat-sequencerSequencers & Trackers
lightweight MIDI and audio sequencer

2xAA/LFO.jsLow frequency oscillators ("LFOs"):
a fork of the above
audiojs/audio-oscillatorLow frequency oscillators ("LFOs"):
Generate periodic oscillation into an array/audiobuffer using a simple API
beep.js
a JavaScript toolkit for building browser-based synthesizers
btwael/zazate.js
make notes, tones, scales, chords, harmonies.. loads of functions
diversen/wave-table-oscillatorsLow frequency oscillators ("LFOs"):
wrappers around the wave tables above (allows you to use them)
Flocking
declaratively create sounds, synths, effects, etc, as JSON objects, supports mouse/trackpad

alemangui/pizzicatoSound effects/processing
excellent sound shaping effects,
audio-contourADSR envelopes
A 5 stage audio envelope generator.. nice UI to edit WAV forms
cwilso/vocoderVocoders
a 28-band vocoder - a "robotic voice" processor
eAudioSound equalizers
the "Extended HTML Audio Object" - adds an equalizier
GraphicalFilterEditorSound equalizers
very powerful sound shaping :)
hya-waveSound samplers:
nice online WAV editor

AndrejHronco/midi-ports
small library to manage attached MIDI ports and devices
colxi/MidiParser
a binary MIDI file reader for browser/Node, converts a MIDI binary file to a JSON object
cwilso/WebMIDIAPIShim
popular polyfill, used by Jazzsoft, among others.
dingram/jsmidgen
generate MIDI files from javascript
grimmdude/MidiPlayerJS
multi-track MIDI player/parser
grimmdude/MidiWriterJS
an API for programmatically generating multi-track MIDI files and JSON objects

audionodes
very user-friendly, node editor based DAW (not open source)
audiotool
requires sign up. Lots of tools and features, also available as a Chrome extension
gridsound
a lovely open source DAW, uses Web Audio API
soundation
requires sign up. Sleek looking DAW, looks similar to Non-DAW
XinDaw
a multiscreen Web-based DAW designed for audio&video live performances (Tone.js/React/Meteor)
zrythm
requires isgn up. A highly automated and intuitive DAW

audio-oscilloscopeVisual waveform generators
waveform vizualiser for HTML5 Canvas
audio-to-svg-waveformVisual waveform generators
simple, generates SVGs, nothing else
bbc/peaks.jsVisual waveform generators
UI component for interacting with waveforms
chrisweb/waveform-visualizerVisual waveform generators
waveform generator
cwilso/WebAudioNode editors
awesome, easy-to-use node editor, with
dataflow-webaudioNode editors
Dataflow graph editor + Web Audio API -

colinbdclark/sf2-parserSoundFonts
a SoundFont 2 parser, extracted from
danigb/sampler.jsSoundFonts
simple sampler, defines instruments as JSON, with base64 mp3s in them
letoribo/percussion-soundfontsSoundFonts
soundfonts for JZZ.synth.MIDI.js
midijssf-from-sf2-pmbSoundFonts
utilities for converting soundfonts to MIDI.js format
midi-js-soundfontsSoundFonts
pre-rendered, MIDI soundfonts for use with MIDI.js
montyanderson/soundfont-parserSoundFonts
soundfont parser that gets the detais/contents of .sfz files

CSS Tricks: Dip your toes into hardware with Web MIDIWeb MIDI API
covers anatomy of a MIDI signal, MIDI notes
Doc: Play With Your RhythmMusic theory
spreadsheet showing notations for all patterns
Drum patterns and exercisesMusic theory
spreadsheet showing notations for all patterns
Drum Sounds in Web AudioWeb Audio API
creating drums sounds using the Web Audio API
HTML5 Rocks: Developing Game Audio with the Web Audio APIWeb Audio API
mixing, fixing clipping, 3d sound, ..
HTML5 Rocks: Scheduling Web Audio with PrecisionWeb Audio API

Showing a sample of 189 resources. View the full list on GitHub →