Open-Awesome
CategoriesAlternativesStacksSelf-HostedExplore
Open-Awesome

© 2026 Open-Awesome. Curated for the developer elite.

TermsPrivacyAboutGitHubRSS
  1. Home
  2. Categories
  3. Front-End Development
  4. Web Audio

Web Audio

The "Awesome Web Audio" project is a curated collection of resources focused on the Web Audio API, which allows developers to create and manipulate audio in web applications. This list includes libraries, frameworks, tutorials, tools, and examples that help users understand and utilize the capabilities of the Web Audio API effectively. It is beneficial for beginners looking to get started with audio programming, as well as experienced developers seeking advanced techniques and tools for audio processing and synthesis. Whether you are building interactive audio experiences or exploring sound design, this collection provides essential resources to enhance your web audio projects.

web-audio-apiaudio-processingsound-synthesisinteractive-audiojavascript-audio
RSSView on GitHub
1.3k stars103 forks0 contributorsUpdated
Community-curated · Updated weekly · 100% open source

Found a gem we're missing?

Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.

Submit a projectStar on GitHub

Table of Contents

10 sections · 106 projects

Frameworks

6 projects
Tone.jsTone.js

A Web Audio framework for creating interactive music and audio applications in the browser.

#music#audio-scheduling#music-synthesis
Stars14,685
Forks1,054
Last commit2 days ago
BapBap

A JavaScript toolkit for beatmaking and sequencing using Web Audio, inspired by the classic MPC workflow.

#audio-synthesis#sampling#sequencing
Stars118
Forks6
Last commit6 years ago
OmnitoneOmnitone

A Web Audio API library for ambisonic decoding and binaural spatial audio rendering on the web.

#vr-audio#webaudio#spatial-audio
Stars915
Forks118
Last commit15 days ago
Mach1SpatialMach1Spatial

A cross-platform spatial audio framework for encoding, decoding, and transcoding multichannel audio with headtracking support.

#audio-encoding#vr-audio#audio-framework
Stars65
Forks7
Last commit4 months ago
Elementary

elementary.audio
React Native Audio APIReact Native Audio API

A high-performance audio engine for React Native that implements the Web Audio API specification.

#sound#music#audio-worklets
Stars817
Forks79
Last commit14 hours ago

Libraries

21 projects
smoothfadesmoothfade

A JavaScript library for smooth, interruptible volume fading of WebAudio GainNodes with linear and exponential curves.

#audiocontext#gain#webaudio
Stars39
Forks6
Last commit3 years ago
virtual-audio-graphvirtual-audio-graph

A small, dependency-free library for declaratively manipulating the Web Audio API.

#audio-synthesis#declarative-programming#declarative
Stars367
Forks30
Last commit23 days ago
XSound.js

xsound.app
Sound.jsSound.js

A micro-library for loading, playing, and generating sound effects and music for games and interactive applications.

#sound-effects#lightweight#procedural-audio
Stars318
Forks45
Last commit2 years ago
MeydaMeyda

A JavaScript library for audio feature extraction, supporting both offline and real-time analysis via the Web Audio API.

#hacktoberfest#audio-analysis#music-information-retrieval
Stars1,651
Forks106
Last commit2 years ago
Wavesurfer.jsWavesurfer.js

Interactive waveform rendering and audio playback library for web applications.

#music#plugin-system#audio-waveform
Stars10,350
Forks1,756
Last commit7 days ago
AudiojsAudiojs

A JavaScript data structure for high-level audio manipulation, including loading, processing, recording, and saving audio.

#audiojs#audio-analysis#nodejs
Stars300
Forks11
Last commit12 days ago
TunaTuna

A comprehensive audio effects library for the Web Audio API, offering overdrive, delay, reverb, and more.

#music#reverb#real-time-audio
Stars1,827
Forks131
Last commit3 months ago
Rythm.js

okazari.github.io
Howler.jsHowler.js

A JavaScript audio library that defaults to Web Audio API and falls back to HTML5 Audio for reliable cross-platform sound.

#playback#audio-library#cross-browser
Stars25,321
Forks2,279
Last commit8 months ago
Circular Audio WaveCircular Audio Wave

A JavaScript library for visualizing audio frequencies and BPM as circular waves or sunburst charts using Web Audio API and ECharts.

#music#circular#echarts
Stars280
Forks38
Last commit2 years ago
WadWad

A JavaScript library for dynamic audio synthesis and manipulation using the Web Audio API, simplifying complex audio tasks.

#sound#audio-synthesis#midi
Stars1,979
Forks162
Last commit8 months ago
p5.sound

p5js.org
@magenta/music@magenta/music

A collection of TypeScript libraries for music and art generation using pre-trained machine learning models in the browser.

#browser-ml#art-generation#sketch-generation
Stars2,126
Forks337
Last commit1 month ago
soundfont-player

npmjs.com
html-midi-playerhtml-midi-player

Custom HTML elements for playing and visualizing MIDI files in web browsers using Magenta.js.

#midi-file#web-components#midi
Stars894
Forks97
Last commit1 year ago
MusicXML PlayerMusicXML Player

A TypeScript component that loads and plays MusicXML scores in the browser using Web Audio and Web MIDI.

#midi#music-synthesis#music-i18n
Stars85
Forks14
Last commit13 days ago
waveform-pathwaveform-path

A lightweight JavaScript library for generating customizable SVG waveform paths from audio data.

#music#webaudio#audio-visual
Stars132
Forks7
Last commit1 year ago
wave-audio-path-playerwave-audio-path-player

A customizable web component audio player that displays a visual waveform for audio files.

#music#custom-elements#webaudio
Stars66
Forks8
Last commit4 years ago
dssspdsssp

A React component library for visualizing and editing audio filters with interactive SVG-based controls.

#chart#graph#svg-graphics
Stars66
Forks2
Last commit11 days ago
tuning-forktuning-fork

A configurable client-side JavaScript library for real-time pitch detection and tuning of guitars, basses, ukuleles, banjos, and custom instruments.

#music-tools#real-time-audio#instrument-tuning
Stars3
Forks0
Last commit6 months ago

Utilities

3 projects
AudionAudion

A Chrome extension that visualizes Web Audio API graphs in real-time within DevTools.

#developer-tools#audio-visualization#graph-visualization
Stars392
Forks56
Last commit1 month ago
web-audio-generatorweb-audio-generator

A visual UI tool for generating linear WebAudio code, designed as an educational aid for audio developers.

#webassembly#webaudio#visual-programming
Stars62
Forks2
Last commit3 years ago
Web Audio Studio

app.webaudio.studio

MIDI

4 projects
midimessagemidimessage

A lightweight JavaScript library for parsing Web MIDI messages into structured objects.

#music-technology#midi-messages#javascript-library
Stars37
Forks9
Last commit4 years ago
JZZJZZ

A comprehensive MIDI library for Node.js and web browsers, enabling MIDI messaging across platforms.

#music-technology#midi#webmidi
Stars590
Forks30
Last commit5 months ago
JZZ-midi-GearJZZ-midi-Gear

A JavaScript library to retrieve MIDI device model and manufacturer information via SysEx messages.

#music-technology#midi#webmidi
Stars20
Forks7
Last commit10 months ago
WEBMIDI.js

webmidijs.org

Apps

31 projects
BassoonTrackerBassoonTracker

A browser-based music tracker that plays and edits Amiga MOD and FastTracker XM files using plain JavaScript.

#midi#music-tracker#amiga-mod
Stars1,162
Forks72
Last commit2 months ago
LoopDrop AppLoopDrop App

A MIDI looper, modular synth, and sampler app built with Web Audio and Web MIDI APIs, designed for hardware controllers like the Novation Launchpad.

#live-performance#midi-looper#music-production
Stars835
Forks75
Last commit3 years ago
XSound.js

xsound.app
MolgavMolgav

A web-based musical step sequencer with hundreds of instruments and MIDI import/export for sharing tunes.

#midi#synthesizer#social-integration
Stars2
Forks0
Last commit10 years ago
mod-synth.iomod-synth.io

A Chrome Experiment for building modular synthesizers through drag-and-drop components.

#audio-synthesis#music-production#chrome-experiment
Stars57
Forks9
Last commit3 years ago
GridSound

gridsound.github.io
Learning Music

learningmusic.ableton.com
Super OscillatorSuper Oscillator

An open-source 3D synthesizer built for the web using three.js and Web Audio API.

#real-time-visualization#3d-synthesizer#three-js
Stars49
Forks9
Last commit2 years ago
AudioNodes

audionodes.com
waveform-playlistwaveform-playlist

A multi-track audio editor and player for the web with canvas waveform preview, drag-and-drop editing, and Tone.js effects.

#music#harmony#webaudio
Stars1,660
Forks314
Last commit5 days ago
SoundCycleSoundCycle

An open-source browser-based software loopstation for musicians to create and record layered audio loops.

#open-source#musician-tools#real-time-audio
Stars41
Forks0
Last commit8 years ago
DSP.audio Worklet Editor

dsp.audio
AudioMass

audiomass.co
Csound IDE

ide.csound.com
jamhubjamhub

A low-latency web service for musicians to collaborate and jam online using MIDI-over-WebSocket with virtual instruments.

#midi#webaudio#musician-tools
Stars37
Forks5
Last commit3 years ago
Web Audio MetronomeWeb Audio Metronome

A Web Audio metronome demonstrating rock-solid audio timing using setTimeout and Web Audio scheduler collaboration.

#audio-scheduling#web-worker#timing
Stars617
Forks204
Last commit3 years ago
EarSketch

earsketch.gatech.edu
webaudio-tinysynthwebaudio-tinysynth

A lightweight General MIDI (GM) mapped synthesizer engine and MIDI player built with WebAudio API, generating sounds algorithmically without PCM samples.

#audio-synthesis#algorithmic-synthesis#midi
Stars270
Forks27
Last commit3 years ago
web-audio-beat-detectorweb-audio-beat-detector

A sample Go REST API demonstrating OpenTelemetry instrumentation with Gin and Gorm for observability.

#go-application#signoz#observability
Stars0
Forks0
Last commit4 years ago
web-audio-mixerweb-audio-mixer

An interactive audio mixer built with the Web Audio API, featuring 3-band parametric equalization for web-based audio manipulation.

#music#audio-applications#equalization
Stars111
Forks30
Last commit3 years ago
Audio-motion interfaceAudio-motion interface

A web-based synthesizer that generates sound from smartphone motion and orientation sensors, using hand gestures as the control interface.

#music#self-hosted-webapp#midi
Stars51
Forks7
Last commit2 years ago
Topos

topos.raphaelforment.fr
Online Sequencer

onlinesequencer.net
Binary SynthBinary Synth

A web synthesizer that generates sound from the binary code of any file, enabling databending and MIDI control.

#audio-synthesis#music#synthesizer
Stars130
Forks10
Last commit6 months ago
dsssp-demodsssp-demo

A collection of React demos showcasing the DSSSP library for audio processing and visualization.

#music#chart#graph
Stars7
Forks2
Last commit11 days ago
SingMeter

singmeter.com
Drumhaus

drumha.us
All-in-One Advanced BPM Tool

tapbpmhub.com
synflow

synflow.org
online decibel meter

realtimesoundmeter.org
PracticeLoop

teal-semifreddo-cad4ad.netlify.app

Related Awesome Lists

💚
Vue.js

The "Awesome Vue.js" project is a curated collection of resources aimed at supporting developers using Vue.js, a progressive JavaScript framework for building user interfaces. This list encompasses a variety of resources including libraries, tools, plugins, tutorials, and community contributions that enhance the development experience. Whether you are a beginner looking to learn the basics or an experienced developer seeking advanced techniques, this list provides invaluable resources to help you create dynamic and responsive web applications. Dive into this collection to discover tools and insights that will elevate your Vue.js projects to the next level.

73.6k
⚛️
React

The "Awesome React" project is a curated resource list designed to support developers using React, a popular JavaScript library for building user interfaces. This list includes a wide range of resources such as libraries, tools, tutorials, components, and community-driven content that enhance the development experience. Whether you are a beginner looking to learn the basics or an experienced developer seeking advanced techniques, this collection provides valuable insights and tools to streamline your workflow. Dive into the world of React and discover the resources that will help you create dynamic and responsive user interfaces with ease.

72.7k
📦
Android UI

The "Awesome Android UI" project is a curated resource list dedicated to enhancing user interface design for Android applications. Android UI refers to the visual elements and interactive components that make up the user experience on Android devices. This list includes a variety of resources such as UI libraries, design tools, components, animations, and tutorials that cater to both novice and experienced developers. By providing a comprehensive selection of resources, this project empowers developers to create visually appealing and user-friendly applications. Whether you're looking for inspiration or practical tools to streamline your design process, you'll find valuable assets to elevate your Android UI development.

55.8k
🌊
Tailwind CSS

The "Awesome Tailwind CSS" project is a comprehensive repository of resources dedicated to using Tailwind CSS, a utility-first CSS framework for building custom user interfaces rapidly. This curated list includes official documentation, IDE extensions, tools, UI libraries, components, and plugins, providing valuable aids for developers of all skill levels. With resources for design inspiration and development support, the project fosters a vibrant community around Tailwind CSS. Whether you’re searching for components or enhancing your workflow, this collection serves as a go-to guide for maximizing the potential of Tailwind CSS.

15.0k