Music making in the Web browser - demos (ready-to-play tools)

sound generator (where manual/user interaction/play is possible)

synth (pitch via keyboard notes)

# code - doc

# of (broken or functioning) demos

! doc

bob-moog-google-doodle - Web Audio pipeline from the Bob Moog Google Doodle. - Google Project Hosting
Show HN: Viktor NV-1 Synthesizer | Hacker News
What a Venerons World — Comet - Web Synthesis on Steroids
Now You Can Use A Modular Synthesizer In Your Web Browser : Ask.Audio
The Pentaphone
Building a Synthesizer with the Web Audio API - Treehouse Blog
Free Web MIDI Synthesizer, Viktor NV-1, Now Available » Synthtopia
How to Build a Monotron Synth with the Web Audio API
How to Build a Supersaw Synthesizer with the Web Audio API

% broken demos

joemclean/mrsynth
pstoica/web-audio-synth
aike/webaudiosynth
aike/webaudiosynthv2
cwilso/webaudiosynth (? midi added to aike websynth 1)
danielstern/angular-synthesizer
ryanjamesmcgill/webaudio-organ
stephanepericat/toptal-webaudio-demo
Web MIDI monosynth using Web Audio (no ui)
halfbyte/all-music-is-equal
https://www.audiotool.com/product/device/pulverisateur/
https://www.audiotool.com/product/device/heisenberg/

nicroto/viktor
JustGoscha/wavcreator
mrahtz/javascript-karplus-strong
errozero/poly-synth: Polyphonic Web Audio Synth - Demo:
g200kg/webaudio-tinysynth: Light-weight GM mapped WebAudio-JavaScript Synthesizer Engine / MIDI Player
GitHub - iBundin/Open-Web-Piano: Virtual piano based on Web Audio API and Web MIDI API
GitHub - BlokDust/BlokDust: A free to use web-based music making app. Make sounds, build instruments and share your creations.
g200kg/WebAudioDesigner
alexgibson/wavepad
walterbender/musicblocks: Music Blocks -- A musical microworld
kousun12/eternal: 👾~ music, eternal ~ 👾

FrontierPsychiatrist/html5-synth
adnan-wahab/synth
coderchod/noisynth
dazld/audioplayground
gcoulby/WebAudioSynthesizer
leader22/wa-synth-sample
maccana/WebAudioSynthPad
msonnabaum/WebAudioSynth
munckymagik/webaudio-modular-synth
rioleo/webaudio-api-synthesizer
subhamsaha1004/Synthesizer-with-WebAudioAPI
getinstinct/guitar-synth
GitHub - krimple/ng-iot-synth-demo: Updated Synthesizer and drum machine demo project using RxJS 6 and Angular 6, WebAudio, Chrome MIDI
Stupid MIDI synthisizer · GitHub
itsjoesullivan/electric-keyboard - web audio ins
itsjoesullivan/five-one-seven - web audio ins
itsjoesullivan/whirl: wurlitzer
livejs/sl-1201: A clone of DOMinator or rather Bassline 418 for a special occasion.
halfbyte/rubysynth: The Synthesizer Project for my Euruko 2019 talk

(mainly) analog synth emulation

Sympathetic Synthesizer System Mk1
(chrome) Viktor NV-1 Synthesizer
Synth Zero: A Web Audio API Demo | Akira Youngblood
TANGUY Web Audio Synthesizer by Luke Teaford
WebSynths : the browser-based microtonal midi instrument
106.js
X-Piano
RumcaJS
Modulator
Comet
WASYN-1 : Web Audio Synth
Kord
X Sound
Web Synthesizer From Space 👽
WebSynth!
Sympathetic Synthesizer System Mk1
Audiotool - Free Music Software - Make Music Online In Your Browser
https://deibid.github.io/r-synth/index.html

"simple" synth (few oscillators, few effects, few timbre settings to tweak)

monophonic

Web Audio Stylophone - Recreating the classic miniature synthesizer with the Web Audio API
Monophonic Ringtone Synthesizer | Output Channel, the audio blog.
Music Theory Lessons - LightNote
Monotron
(chrome) Waviator - draw wave
Making Music in the Browser: Web Audio/MIDI – Amplitude Modulation | Keith McMillen Instruments
DbMaj7.com Chord & Scale Visualizer

multi-timbral (ability to change timbre preset, might also have percussive sounds)

WebAudio-TinySynth
Musical Keyboard - JS Dynamic Audio Synth
surikov/webaudiofont: Web Audio Font - Soundfont for Web Audio API

Qwerty Hancock — vector JavaScript keyboard for web audio projects
Beep.js
Scissor
Pentaphone
Analo-sizer (analog-style synthesizer)
أوتار [ classical middle eastern scales (aka Maqam/Makam) ]
Tones
Craig's Cool Simple Synth
ccorcos/groove-salad
andantino.
X Piano

modular synth (modules to patch, note sequencing could be possible)

(chrome) WebModular (HTML5+Javascript Modular Synthesizer) | g200kg Music & Software
(chrome) TrueGrid - Patch #1 on ModularGrid
ToneJam
WebAudioDesigner | g200kg
valentijnnieman/curve: React-based visual programming language for Web Audio
Zupiter Alpha
BlokDust
MOD Synth
Web Audio Composer
Web Audio Playground
👾 eternal
Music Blocks is a collection of tools for exploring musical concepts.

other synthesizing methods (FM,...)

(chrome) webCZ-101 | Web Audio Modules
(chrome) webDX7 | Web Audio Modules
(chrome) Web FM synthesizer made with HTML5
(chrome) Chrome experiment - WebSID
Midifinity: /
DX7 Synth
WAAX - Web Music Framework
ReverbGen
NSynth: Sound Maker

acoustic/electric instrument emulation

Power Chord Guitars PG01 for Web aike1000
CloudsPiano
spacedrum
(flash) Virtual Piano | The Original Best Piano App Online
Musical Interactions | Codrops
CodePen - The Bluesman - You Can Play The Blues (Web Audio API)
JavaScript Karplus-Strong
Sample Playback Synthesizer
Гитарная шпаргалка
Keyboard
Chrome Music Lab - Strings

# does not seem to work on Chrome 81+ (user gesture needed, ...)

braid web audio Quatsch (modular synth)

braid web audio - Recherche Google
BRAID: Browser Audio Interface Database
lsu-emdm/braid
BRAID: A Web Audio Instrument Builder with Embedded Code Blocks - Ressources

(chrome) Mr. Synth
(chrome) DAW Plugins for Web Browsers
Robert Moog's 78th Birthday
chrome aikelab.net websynth
(chrome) Web Audio MIDI Synthesizer
Xtal (1992)(Slow version) by Alexey Volnov - Audiotool
(may crash firefox) Simple Web Audio 3 oscillator synthesizer
Tonehack on AudioCrawl, synth, dsp, visualization
Aike Websynth v2 (with WebGL)
Monotron
dangrmous/audio
Foo YC20 (1969 organ emu)
angular synthesizer
Toptal Webaudio Demo
Electro-Theremin
pendragon-andyh/WebAudio-PulseOscillator
www.angryoctopus.co.nz/synth13/
Beat Petite
Hebdomad
Web audio synth w/ visualizer
Glitch
tonehack
Synth | Audiocrawl

# dead links

# redundant link

Juno 106

SID Synth in Web Audio
Web Audio MIDI Synthesizer
(chrome) Robot Audio
synth.spacet.me - fm
Sound Toy
WAA Synth
(chrome) Web Audio Farfisa Organ
chrisyaxley/webAudioApiPlay
jbreckmckye/react-synthesizer
davidMuir/webAudioHack-keyboard - pipe instrument

one shot sound (/effect no multi pitch triggers)

# code - documentation

# of demo

! doc

Making Music In A Browser: Recreating Theremin With JS And Web Audio API – Smashing Magazine
Experimenting With speechSynthesis – Smashing Magazine
SYNTH SECRETS
Single Cycle Waveform Web Editor
Pink Trombone by Neil Thapen - Chrome Experiments
MUSIC FOR TINY AIRPORTS 2/1 🛫 by @p01
Multi-Touch Granular Sampler on AudioCrawl, sample, granular, synthesis, touch

% broken demos

webaudiofirststeps/01_theremin at master · thisisjl/webaudiofirststeps
antoinet/webaudio

irritant/WebDrum
thriqon/5tone-web
mikedotalmond/tones
billorcutt/i_dropped_my_phone_the_screen_cracked

wobbler
exoticorn/sfxedit
treasonx/DTMFDialPad
silenceonthelam/webAudioPhone
jelly/morsejs
halfbyte/siren-ws
Marak/say.js - node js text to speech
openmusic/theremin
openmusic/theremin-ui
finnp/theremin
drone-e-o-synth

human voice synth + text to speech tool

meSpeak.js: Text-to-Speech on the Web
Pink Trombone
https://g200kg.github.io/vowelsynth/
voice editor
Word Synth

drum/percussive sound synthesizing

# Joe Sullivan drum synth code

% broken demo

itsjoesullivan/tiny-808

itsjoesullivan/kick-eight: A web audio module for synthesizing kicks
itsjoesullivan/clappy: A web audio module for synthesizing claps
itsjoesullivan/claves
hi-hat/index.js at master · itsjoesullivan/hi-hat
itsjoesullivan/cow-bell
itsjoesullivan/snare: A web audio module for synthesizing snares
itsjoesullivan/rim-shot: Rimshot sound for web audio
itsjoesullivan/kick-nine: A web audio module for synthesizing kicks
npmsearch - node.js Package Search Utility

TR-808 Cowbell Recreation with Web Audio | outputchannel.com
Synthesizing Hi-Hats with Web Audio
Stomper Tribute

sound effect

phone DTMF + alarm + morse + simple osc tones

5 Tone
TILT
Building a Synthesizer with the Web Audio API - Treehouse Blog
Online Tone Generator - Free, Simple and Easy to Use.
Building a Wavetable Synthesizer From Scratch with Rust, WebAssembly, and WebAudio - Casey Primozic's Homepage
Recreating phone sounds with Web Audio | outputchannel.com
NASA Quindar Tones in Web Audio | outputchannel.com

tone creation by drawing or coding

WebAudio - WavCreator
Draw Your Own Audio Snippet on AudioCrawl, synthesis, dsp, interactive
AudioWorklet Live Coding
Single Cycle Waveform Editor
Music Paint
Sound Canvas
Drawing Melody
Chrome Music Lab - Kandinsky

Theremin style changing of pitch

Popup Trombone
Clara Rockmore’s 105th Birthday
benji6/elemental

Leshy SFMaker
Dub Siren on AudioCrawl, synthesizer, interactive, siren,
Wave-PD1
I DROPPED MY PHONE THE SCREEN CRACKED
Night vision goggles sound | outputchannel.com
Websynth-FM
PSYREN: Psytrance Dub Siren
kchapelier/microsound
Sound Generators - The Sound Pack Tree
Ian McCunn - Web Audio Chords
Recreating THX's Deep Note in JavaScript with the Web Audio API
Using Fourier Transforms with the Web Audio API
TiberSynth

ambient + drone (continuous sound - ambient like atmosphere generator - sounds of nature emulation)

mynoise.net (stimmung ambience) interactive soundscape

The Ultimate Binaural Beat Generator | Online & Free
Tanpura | The Indian Drone Generator (C#)
Mountain Pasture | myNoise Interactive Soundscapes
Gregorian Voices - Interactive Gregorian Chant Generator
Unique Noise Generators matched to your own Hearing Curve
Cat Purr | Your Furry Friend's Noise, Online & Free

JavaScript Systems Music
Touch Synthesizer on AudioCrawl, synth, touch, creative
The Rational Keyboard on AudioCrawl, visualization, harmony, instrument
Rain.today - Rain Sound Generator and Forecast
Online Background Noises • Masking Sounds • Relaxing Tones
Sequential Cross-Fade Visualizer
Defonic - a fabulous ambient noise generator
Web Audio Granular Synthesiser
Audio DSP Playground
xysynth
Block Chords - block to note via mouse hovering
Clarion Lite
Scan Sequence | Audiocrawl
Body Synth | Audiocrawl

# does not seem to work on Chrome 81+ (user gesture needed, etc)

Javascript Drone
Macchina on AudioCrawl, generative, instrument, canvas
Game of Reich on AudioCrawl, interactive, overtones, gameoflife
THEREMIN - A Touch Friendly Synthesizer
ChordBuff on AudioCrawl, input, chords, musical
Circuli - Generative Ambient Sound Instrument · Earslap

# dead links

Granular Effects
BallDroppings on AudioCrawl, visualization, insrument, interactive
Springs on AudioCrawl, synth, creative, interactive

# does not seem to work on Chrome 81+ (user gesture needed, etc)

Tony Wallace - WebDrum
GC-8
Dual Tone Multiple Frequency (DTMF) Modulation with the Web Audio API
CodePen - Bouncy Perlin Noise (audio reactive)
soundio/gendy: A Web Audio stochastic synthesis module
https://p5js.org/assets/p5_featured/maya-dulynoted/
Groove Salad
Note Kitchen - Piano Chords and Scales
Moolody

# dead links

# redundant links

Dominguez Audio

Lalo.li on AudioCrawl, speech, synthesis
drone-e-o-synth : 1.0.1 - a lil web audio instrument for droning

multi sample kit pads (Akai MPC likes)

# code

# of demo

% broken demo

front-core/nodejs-socketio-webaudio-sample
(node js) NaokiOtsu/nodejs-socketio-webaudio
therewasaguy/webaudiosampler

maxogden/web-mpd
meandavejustice/simple-sampler
Audio pad polymer element example

adkelley/angular-drum-pad
openmusic/sample-player
tabakd/the-samplr
LibraryOfCongress/citizen-dj

drum samples only

Web Audio Drumpad
Samplepad
• Virtual Drum Machine - Virtual Drumming: snare samples, bass druming, sequencer online, zildjian sticks and famous drummers
RhythmSticks
SoundManager 2: A Javascript Sound API - MPC Demo
How To Create A Responsive 8-Bit Drum Machine Using Web Audio, SVG And Multitouch – Smashing Magazine
BandLab: Experience Web Audio!

Web MPD
simple sampler
ReactSampler Example
MC Soundboard on AudioCrawl, soundboard, samples, mc
Impero Synth
WD-1 DJ-TRAINER :: Online DJ GAME
The Halloween Soundboard
My Ultrascore
Citizen DJ / Inventing Entertainment

# does not seem to work with few clicks on Chrome 81+ (user gesture, account creation, flash plug-in needed, etc)

webaudio sampler

# dead links

リアルタイム通信して複数デバイス上で音声を再生する | Node.js(express) + Socket.IO + Web Audio API on Heroku
Keypad Drummer
Syd's Kickass Drum Machine - HTML5 Audio
+ visu ! The Boo Box on AudioCrawl, creative, visualization, interactive
808
HTML-909

audio effect (to apply to an audio input source)

# code - doc

# of demo

% broken demo

sebpiq/paulstretch.js
ruidlopes/Rack
ambewas/react-audio-tools: A set of react components to build audio applications with the webAudio/webMidi API (DAWs, synths, ...)

cwilso/Vocoder
munckymagik/webaudio-guitar-amp
cwilso/Audio-Input-Effects
adelespinasse/reverbGen
Theodeus/tuna - audio effects lib
disjukr/Sigakwa

! doc

Convolution Reverb and Web Audio API – ITNEXT
Web Audio for Electric Guitar: Cabinet Emulation - ITNEXT
Web Audio API Loops

dariushoule/BigDSP
stuartmemo/conference-crusher
jaz303/bitcrusher
GitHub - scriptify/Recordy: Record your microphone (or any other input) and add effects to it! In your browser.
GitHub - scriptify/Chnl: Chnl - one channel, all effects.
GitHub - scriptify/webaudio-effect-unit: Effect unit to add functionality to the WebAudio API. The effect unit lets you enable/disable effects and alter the interior state with custom methods.
KievII/pitchshift.js at master · janesconference/KievII · GitHub
wham-js/make-distortion-curve: skronking on that web audio
aike/iphonewah: How to Make Your iPhone a Wah-wah pedal

Vocoder
GuitarFX - Chrome Web Store
TouchPad
Channel Strip - A Web Audio experiment by Middle Ear Media.
Web Audio API Demo
Should your web audio app have a limiter? – Web Audio Tech
Blendwave
GitHub - g200kg/webaudio-macronodes: [Web Audio API] custom nodes for effectors.
Making Reverb with the Web Audio API - gskinner blog
Browser EQ - Chrome Web Store
WebAudio Dattorro
Pedals.io - Guitar effects in the cloud!
Creating dub delay effects with the Web Audio API – Chris Lowis
Live input effects
Infinity/Kali: Time stretching and pitch shifting in Javascript
aike/webaudiodemo
Samples | Web Audio API
mic in gfx visu - tai2/webaudiocomposer
Web Audio Composer
Sigakwa
himakan/facetracking-effector: Sound effect with face tracking control.
Ring Modulator : Recreating the sounds of the BBC Radiophonic Workshop
Sliced Beat
Phased Looping Beat
TouchPad
Pedalboard
Chrome Music Lab - Voice-Spinner

# does not seem to work on Chrome 81+ (user gesture needed, etc)

Web Audio Guitar Amp
Rack.js
Vocoder
Auralizr
Algorithmic Reverb and Web Audio API – ITNEXT

# dead links

# redundant link

pedalboard.js - Open-source JavaScript framework for developing audio effects for guitars

jackmahoney/soundcloud-effects
Real-time Convolution Effects
doppler
simple
Stretched and Droned on AudioCrawl, dsp, paulstretch, soundcloud
Live Input Effects on AudioCrawl, demo, dsp, input, visualization

DAW - music track creation (via solo edition or asynchronous collaboration)

# code - doc

! doc

Retro Game Music using Web Audio and Band.js - Modern Web
@GreWeb - ZOUND live project initiated
MIDI.js: A SoundFont-based MIDI Sequencer in... | Badass JavaScript
Recreating legendary 8-bit games music with Web Audio API by Greg Hovanesyan on CodePen

# of demo

% broken demo

plucked/html5-audio-editor
g200kg/AutoBeats
ansonkao/PIANO.js

tomarus/midiseq · GitHub
mienaikoe/nodea
pverrecchia/OpenDAW
naomiaro/waveform-playlist: Multitrack Web Audio editor and player with canvas waveform preview. Set cues, fades and shift multiple tracks in time. Project inspired by Audacity.
janmyler/web-audio-editor
Chrome Experiments - Just Don't Mix by Chi Zeng

mobyvb/midi-sequencer (midi file editor)
s-savoia/MIDI-sequencer
kuu/Miditacion
Gergling/midi-js-sequencer
halfbyte/tmpsnd
therewasaguy/webaudiosnip
gre/zound-live: ZOUND live
GitHub - pd3v/fluX.js: A javascript engine for generative music in the browser.
GoTojo/WebMIDISMFPlayer

musical notes - audio tracks editor (linear sequencer)

midi & audio tracks sequencer (Steinberg Cubase clone)

Online Sequencer - Make music online
Web MIDI Router, Sequencer & Drum Machine
AudioNodes - Edit & mix audio, compose original music, and more
Amped Studio
nodea studio
GridSound

audio only multitrack editor

Waveform Playlist on AudioCrawl, mediaplayer, waveform, editor
Web Audio API
Waveform Playlist | Multitrack Web Audio Editor in Javascript

audio single sample editor (Audition like)

Hya-Wave - online wav editor
MLRc - Chrome Web Store
TwistedWave Online Audio Editor
Untitled :: Audiee
Beautiful Audio Editor
Audiotool Launches Free Online Sample Editor - audiotool.com

mod tracker

x14.s3m - Protracker module player for Web Audio
Playing Fasttracker 2 .XM files in Javascript – a1k0n.net
WeTracker | A Collaborative, Online Music Creation Suite
Bassoon Tracker - Amiga music tracker - by Steffest
Chrome experiment - Efflux
Beat Bucket

playback tool

DJ music track mixing decks (audio files playback)

wubwubwub - Web Audio DJ
MixBolt | Online DJ software

midi file player

Standard MIDI File Plyer
MIDI.js - Sequencing in Javascript.
Standard MIDI Player for Web
Color Piano Theory on AudioCrawl, visualization, midi, education - piano visualization (helping to learn playing piano)

sheet music (score, notation software) player

Pharrell Williams - Happy
Soundslice | Living sheet music
When The Cat's Away... -Strings on Caffeine-
Sheet Player
Touch Pianist - Tap in Rhythm and Perform Your Favourite Music

beeplay.js - write a song in javascript
ChiptuneBlaster
slang.kylestetz.com
HTML5 Bytebeat
Custom piano keys demo
InstaMusicBox
Chrome Music Lab - Piano-Roll

generative algo music

JavaScript SunVox Player
Muzoti - Algorithmic Composition of Music
Jai Paul x Bronze
pd3v sounding code
WolframTones
DJEN
Neural Beatbox (alpha)
The Infinite Drum Machine by Manny Tan & Kyle McDonald - AI Experiments
Beat Blender
AMEN BREAK SHUFFLER
A.I. DUET
In C
abundant music - procedural music editor
mohayonao/web-music-hack0913
Infinite Walking Bass Generator
Web Audio API Prototype II — Conway's Melodies
Code Sonata
The Sea Organ | Immersive Audio Experience
Synaesthesia
Face The Music
Bitcoin Audio Playground
microscale
Infinitune
Climatune | Audiocrawl
Dinahmoe Labs
MTA.ME

# does not seem to work with few clicks on Chrome 81+ (user gesture, account creation, flash plug-in needed, etc)

# modular one page set ups

start [Audiotool Wiki]
(flash) Audiotool - Wikipedia, the free encyclopedia
Audiotool - App

AutoBeats - auto composer
flash gameboy tracker
Groovy Music Online Edition | musicfirst
WebSequencer | g200kg Music & Software
(flash) AudioSauna - Online Music Software
(sony acid like ?) Soundtrap - Make music online
Looplabs - Make Music Online. Together. For Free.
Soundation Studio
Patchwork - Online modular sound synthesis
beatlab - make music together
Web Audio Mixer
Audio Transformer (Alpha)
VetoProjects/supersaw
AXIS PROJECT
Soundation — Make music online

# dead links

bblais23/ComposeOnline
ComposeOnline
MIDI.js - Sequencing in Javascript.
PIANO.js
jasmid – MIDI synthesis with Javascript and HTML5 audio « matt.west.co.tt
app.hya.io
Audiotool Sketch
atommarvel/eDAW

sequencer, controllerism & networking (for live performances)

solo performance tool

(mostly) 16 step sequencer

# code - doc

! doc

HTML5 Web Audio API Tutorial: Building a Virtual Synth Pad
How this Philly dev turned your keyboard into a drum kit - Technical.ly Philly
Irritant Creative - Introducing WebX0X
Hacker News Loves Student's Euclidean Drum Machine — Coding Bootcamp in San Francisco. JavaScript focused programming school.
Browser-based TB-303 emulator: Old-school ‘Acid House’ on the go | Dangerous Minds
Timed Rhythms with Web Audio API and JavaScript | Middle Ear Media
Otomata, A Generative Online Sequencer; Apps versus Web, Plus SuperCollider Goodies - Create Digital Music
Making Music in the Browser - Web Audio API, Part 1 | Keith McMillen Instruments
Dev.Opera — Synthesising Drum Sounds with the Web Audio API
Creating a Music Matrix with the Web Audio API | coding, cake and travel

# (locally installed &) tested

# melody oriented

gcoulby/WebAudioSequencedSynth · GitHub
jlemberg/tim.js · GitHub

(midi in out web seq) noerw/web-stepseq · GitHub
NoahYarian/step-sequencer · GitHub
bugged demo - openmusic/drum-machine
buggy - heissmusik/step-sequencer · GitHub
(uses node.js) dshr/see_saw · GitHub
biovisualize/synth · GitHub - graph bouncing to the music
Jimgskoop/seq
bugged demo - leoht/Sonar
bugged demo - usefulthink/superawesome-loopsequencer

# of demo

% broken demo

teemuteemu/html909: html909.com
AZOPCORP/amen_pi: Amen Break sequencer based on PI digits numbers.
baxrob/patr
g200kg/MIDIDrums
leesus/beat-laboratory
therewasaguy/sequencer
tchakabam/bambam
buggy - cwilso/MIDIDrums
https://www.audiotool.com/product/device/machiniste/

mru2/webaudiodemo
WebkitSynth
michd/step-sequencer · GitHub
jergason/react-webaudio-drum-machine
stuartkeith/webaudiosequencer
zya/beet.js
GitHub - stufreen/web-drum-sequencer: A drum machine and sequencer built with the Web Audio API, React, and Redux.
aike/webrhy

% seq lib - no ui

PencilCode/musical.js
git-devportfolio/webaudiosequencer
webaudiosequencer.js
irritant/WebSequence
semisight/ampule.js
kuu/Miditacion · GitHub
litsynth
meenie/band.js
adamrenklint/qwak
beatboxjs/beatbox.js · GitHub
abudaan/heartbeat - MIDI-Audio sequencer for your browser. Heartbeat has no GUI

gtsiokos/steppy · GitHub
rserota/jQStep · GitHub
joeLepper/stepSync · GitHub
oliamb/step_sequencer.js · GitHub
gregjopa/step-sequencer · GitHub
joefiorini/step-sequencer · GitHub
OperationSpark/web-audio-drum-machine
cwilso/Drumr
openmusic/drum-machine-ui
openmusic/example-gamepad-drum-machine
spro/soundblocks
halfbyte/pushbeats
akx/arpy · GitHub
cgiffard/LiveStep-Server-Layer · GitHub
irritant/WebX0X: Web Audio drum synthesizer and sequencer.
improjam/buildlog.md at master · halfbyte/improjam

melody (non percussive hits) oriented

http://daphnechong.github.io/music-matrix/
DOMSTEP
Synthogram - Draw the music (or noise...)
sequencer!
WebkitSynth
JS Synth
Calm by Tones - Tones
Making Music with d3
Step
README.md – tenori-off
BeepBox
Chrome Music Lab - Song Maker
Emoji Piano
A 16-Step Sequencer in Javascript — Dev.
Web Audio Basics - Continuous Sequencing
surikov/SSSynthesiser.js: Javascript audio sampler / synthesizer for interactive music
Audio Grid by skratchdot
Music Boy
blipsoflife.herokuapp.com
MelodyJS
Chrome Music Lab - Melody-Maker

synthesized drums

WebX0X
The Checkbox Drum Machine ☑️☑️☑️☑️ ☑️☑️☑️☑️
iO-808
Drum synthesis by chrislo
Synthesising Sounds with Web Audio API - sounDesign
JS Audiosynth

complex polymeters (euclidean rythms)

Euclidean rythm web audio app
Euclidean Rhythms
zya.github.io/beet.js/#_=_
Beadz: A Quantum, Polymetric Drum Machine
Trigger Riot
GitHub - jamesstaub/euclidean-cracked: a web audio rhythm sequencer build with the Cracked library
Euclip
Poly-60 by Ferran Bertomeu
Euclidian Sequencer
300 | Speed Trainer Metronome - free online and versatile tool for every musician.

drum samples oriented

(github code available) Step sequencer
drum sequencer
drumbit | online drum machine
http://tchakabam.com/bambam-demo/
(autoplay) Drum Machine - Play Free Online Games
Shiny Happy WebAudio MIDI-fied Drum Machine
Emulating a Boss DR-110
Web Audio Sequencer (using samples dynamically loaded from the Web)
typedrummer
jMachine on AudioCrawl, sequencer, 8bit, creative
Web Audio API drum sequencer
Create your own drum beats on any mobile device or desktop. DrumIt -- free beat maker.
WDS-1: Web Drum Sequencer
NuDrum
Splice Beat Maker | Splice
Drummer's Pulse - The best MIDI controlled online metronome
laplatajs/webaudio_la_experiencia
box - a HTML5 drum machine
http://joesul.li/drum-machine/ - sample drum machine
Web Audio API Flat Beat Machine
SkaSequencer
Chrome Music Lab - Rhythm

complex sequencer

# code

alex-milanov/jam-station: Music Live Rig App with Web Audio and MIDI Api's
SoundBow — Binaura
HTML5 Web Audio API Tutorial: Building a Virtual Synth Pad · SitePoint · Disqus

arpeggiator

CodePen - Musical Chord Progression Arpeggiator
CodePen - Arpeggiator V1 🎹🎶🔊
Chrome Music Lab - Arpeggios
MIDI Arpeggiator!
Chord Master
Harmopark
Chrome Music Lab - Chords

ReBirth RB-338 (analog drum + bass machines) style emulation

Acid Machine 2
Webrhy
Web Audio API Prototype I — Acid Defender
WebGroove Ver. 0.9 (HTML5 Sequencer+SoftSynth+VocalSynthsizer) | g200kg Music & Software
Acid Machine: Browser-Based Synth and Drum Sequencer : Ask.Audio
MusicToy 2.0

non conventional (no straightforward step seq or piano roll) sequencing/looping

.::::PIXELSYNTH::::.
CodePen - The Time Lag Accumulator
Shape Your Music | V4
Chrome Experiments - Space Music by Tarek Sherif
🎹
SoundBow JS
Sketch a Tune
Stefan Hintz - Music Hack Day 2011 Berlin
Chrome Experiments - Groove Pizza by NYU Music Experience Design Lab
Chrome Experiments - Drawing Melody by Manxue Wang
········●·······   108 circular visu looper
scribble.audio
typatone
Keylight on AudioCrawl, visualization, instrument, interative
Radar on AudioCrawl, visualization, creative, sequencer
Baroque.me on AudioCrawl, visualization, interactive, instrument
Mario Sequencer on AudioCrawl, sequencer, composition, creative
Music Mouse - An Intelligent Instrument - An Emulation
The Hypercube
SolarBeat
Bi-directional Step Sequencer
Percussion
The Bluesman - You Can Play The Blues (Web Audio API)
Semi-Conductor
Radar - An audio-visual HTML experiment

WebbyJam | Free Computer Music Web Application
Jam Station
Desktop RiffShare
SOUNDSCAPE
Sampulator
midi.city
Very Basic Virtual Synth Pad Demonstration
the.mohayonao.com
Get started | Learning Music (Beta)
Conway's Game of Life
Deep Drum & Deep Arp – Gogul Ilango
vGamelan
Tats - Synth game

pattern launcher + audio looper + live track remixer

# code

Loop Drop | Live Electronic Music Performance Software
ruidlopes/Loop

live remixing/replaying of track parts (audio parts' mixer - stems - multiple parts audio channels playback)

rickastley different genre remixer
Everloop. Soundtrack For Your Whole Day
webaudiodemo
Mini Personal JS
Giorgio Moroder - The Chase (...Loops song editor)
https://www.franceinter.fr/embed/multipistes#{"name":"1901","gain":1,"minTime":3,"maxTime":192,"tracks":[{"name":"Voix","path":"https://www.franceinter.fr/vendor/Multitrack/sounds/Labo_Pop_n05_mixette_V02_p06sur06_Voix.mp3","gain":0.9351769111570246,"pan":0.006365608359147901,"muted":false,"_muted":false,"soloed":true,"afl":true,"duration":175.34399092970523},{"name":"Batterie","path":"https://www.franceinter.fr/vendor/Multitrack/sounds/Labo_Pop_n05_mixette_V02_p01sur06_Percu_et_Basse.mp3","gain":1,"pan":0,"muted":false,"_muted":true,"soloed":false,"afl":true,"duration":175.34399092970523},{"name":"Guitare acoustique","path":"https://www.franceinter.fr/vendor/Multitrack/sounds/Labo_Pop_n05_mixette_V02_p02sur06_Guit_Rhytm.mp3","gain":1,"pan":-0.4,"muted":false,"_muted":true,"soloed":false,"afl":true,"duration":175.34399092970523},{"name":"Guitare électrique","path":"https://www.franceinter.fr/vendor/Multitrack/sounds/Labo_Pop_n05_mixette_V02_p03sur06_Guit_Solo.mp3","gain":1,"pan":0.4,"muted":false,"_muted":true,"soloed":false,"afl":true,"duration":175.34399092970523},{"name":"Trompette","path":"https://www.franceinter.fr/vendor/Multitrack/sounds/Labo_Pop_n05_mixette_V02_p05sur06_Trompettes.mp3","gain":1,"pan":-0.133333334,"muted":false,"_muted":true,"soloed":false,"afl":true,"duration":175.34399092970523},{"name":"Orgue","path":"https://www.franceinter.fr/vendor/Multitrack/sounds/Labo_Pop_n05_mixette_V02_p04sur06_Orgue.mp3","gain":1,"pan":0.133333334,"muted":false,"_muted":true,"soloed":false,"afl":true,"duration":175.34399092970523}]}
Song Exploder Presents: Inside Music
Unmixer

audio looper

SUPER-LOOPER - Univers Labs
Soundcycle 🎤🎼 — a web audio project in search for astronauts
Web Audio Loop Mixer by Middle Ear Media
Soundcycle App
(mic) Repeater Orchestra (1.0)

Loop Drop - Chrome Web Store

live coding

# code

GitHub - charlieroberts/Gibber: An audiovisual live coding environment for the browser
halfbyte/liv3c0der - commandline code input to live av performance
halfbyte/sample-server
halfbyte/liv3c0der-mk2: liv3coder lives!
GitHub - toplap/awesome-livecoding: All things livecoding

Makkeróni
https://petersalomonsen.com/webassemblymusic/livecodev1/
Klangmeister
kylestetz/lissajous
TextXoX - Type a Beat

# does not seem to work with few clicks on Chrome 81+ (user gesture, account creation, flash plug-in needed, etc)

Infinite Gangnam Style
Bangarang Boomerang
Bohemian Rhapsichord
Mix.js
Online 16 step sequencer iNudge
Make Chiptunes In Your Browser With This Awesome, Simple Sequencer
minima
busybeats - an experimental drum machine and sequencer
Sequ – A circular step sequencer
PolyRhythm

# dead links

The Infinite Jukebox
shiny-drum-machine.html - chromium - An open-source project to help move the web forward. - Google Project Hosting

multi user performance tool

multi user step sequencer

# code - doc

! doc

JSONloops, open-source real-time multiuser audio sequencer by Marak Squires —Kickstarter
Collaborative Step-Sequencer | Unity Community
Multi-user collaborative step sequencer with NodeJS — Thodoris Tsiridis' Blog
Bleep Sequencer – a human step-sequencer at Vivid Sydney | Ableton Liveschool - Music Production School
Massively Multiplayer Online Drum Machine | Hacker News

# tested

buggy

# intriguing code

oampo/Intersect
artfoundry/stepupthemusic
eshiota/webaudio_band
(non tested) kioskvalt - A collaborative/multi-user web based midi sequencer - Google Project Hosting

Marak/JSONloops
t638403/node-sequencer

code of online demo url

72lions/StepDaddy · GitHub
stevekinney/socket-synth · GitHub
jacthoma/sequencewithme

# of demo

MMODM/mmodm

Sonicrobots/MR-808
andrewhao/mmtss
GitHub - hs-furtwangen/cowau-2018: Collaborative Web Audio – Master Project 2017/18

MMODM: Massively Multiplayer Online Drum Machine
Web Audio API Prototype III — Public Sequencer Matrix
Drums for 16 players (...Loops song editor)
BangerFM - Live Beat Production Online

multi user no step seq (browser-based jam session tool)

# code - doc

! doc

Chrome Experiments - PollySynth by R. McClure & S. Roux
janmonschke/Web-Audio-Editor
PROJECT // Daisyphone
Public Sound Objects
Fields | Tim Shaw
Chrome Web Lab: Universal Orchestra — Adam Florin

# intriguing code

achur/JamSession
steely-glint/singathon
tabakd/the-jam

# broken demo

whichlight/dancey-dots · GitHub

halfbyte/beepr
sebpiq/rhizome
Soundworks - Home
About the Virtual Choir – Eric Whitacre's Virtual Choir

Piano (15) - multiplayerpiano
Forest Jam
JamBells – Play handbells with your friends!
glumac/MIDI-flashmob
Clap App
Clap or Yell App
TuneChat App

# multi channel/device audio rendering (code - doc)

Monthly Music Hackathon NYC — Multichannel distributed audio with node.js
rngtng/musync
sebpiq/fields: Sound diffusion using audience's mobile devices
zya/webpeggiator: My MIDIHACK DAY submission

# does not seem to work with few clicks on Chrome 81+ (user gesture, account creation, flash plug-in needed, etc)

# flash

(flash) Step sequencer / drum machine · Wouter Hisschemöller
(flash) drum pattern sequencer
(flash) Laboratory
online share tenorion
(flash) Otomata - Generative Musical Sequencer · Earslap
Jeu de composition de musique - Jeux pour enfants sur LaLunedeNinou.com -

(ui gfx + wav rec) Drums
(chrome) stepkit
(change pattern + sound kits) PatternSketch - HTML5/JavaScript Drum Machine and Sequencer
(delay fx, but no ux) Sequencer (demo)
(chrome) Beat Laboratory
(synthetized sounds) Beat Petite
Audio Trackr
http://devin-dominguez.github.io/webAcid/
Loom on AudioCrawl - #instrument #musical #visualization Loom
Dinahmoe Labs
Live Beats | g200kg Music & Software
lautr3k/Looper.js
ChordBuff
g200kg/LiveBeats
Piano Migrations - Bird Step Sequencer
Music Boxel [iPhone, iPad] - Naked-eye 3D Display with WebSocket based multi user interaction /by @aircord
Autotel.Collaborative MsCompose95
UDUK [Under Development]
GØY | GØY

# dead links

Collaborative Soundscape

Collaborative Soundscape - A multiplayer step-sequencer that supports up to 20 people : Unity3D
collaborative soundscape - Recherche Google
collaborativesoundscape | The Creation of a Collaborative Soundscape
Collaborative Soundscape - A multiplayer step-sequencer that supports up to 20 people : Unity3D

Beat Sequencer in HTML5
React Drum Machine
(multiple colored params to change - no step edit) DrumKid
Fantastic
Drum Machine
Drum Machine - ReactJS Example
(flash instrument-pitch) SoundSequencer
(flash ins) The M.O.R.T. Step Sequencer v0.0.1 | makemachine
sembeo swf
(chrome for drum samples)
HTML 5 JS Tenorion by Joshua Koo
troygriff/stepSequencer · GitHub
lazicnemanja/audio-matrix · GitHub
MIDI.space - Literally Plug & Play
Synthesizer + step seq
(chrome only melody step seq) SSSD
JavaScript Karplus-Strong
circle interaction to a pattern SEQ - Soundboard on AudioCrawl, creative, effects, interactive
Step Daddy - Sequencer
Socket Synthesizer
(only one tenor-ion style grid shared among users) sequencewithme
NodeJS Community sur Twitter : "Intersect - A multi-user audio sequencer using #nodejs, #socketio and #audiolet. http://t.co/0uVAMXGA http://t.co/RqWyYTJM"
lavelle/chirrup · GitHub
davidvandusen/socket-to-me · GitHub
joefocusrite/littleloops · GitHub
infinityfarm/nodesocketsynthproject
simquat/tick · GitHub
JAM with Chrome
http://pollysynth.com/
dancey dots
audio multicanal - Sparse on AudioCrawl, collaborative, surround, mobile
Sparse – Collaborative Amplifier |
Wad.js Demo…
Jeff Shin | df8
FrogJam Collaborative MIDI Sequencer - Download
Dribbble - df8 - Collaborative Step Sequencer by Jeff Shin
df8 - Collaborative Step Sequencer - Recherche Google
https://hya.io/#/main
Forrst | KO8080 - a multiplayer chiptune sequencer - A snap from beziercurve

audio + visuals (static graphics or animation showing when sound triggered - 3D GUI or sound visualization)

# code - doc

aike/jsdrome - chrome vj by triggering visual patterns
jimakker/nokNODEk
therewasaguy/p5-music-viz

3D Tunes on AudioCrawl, synth, 3d, interactive
Super Oscillator
Glowsynth | Output Channel, the audio blog.
VSS-30
Patatap
Drum machine + visualization (WebAudio)
808 Cube
markmarkoh/birdman
spins - audio visualizer
Drum-O-Vision
JSdrome
Seeing Music | Audiocrawl
latentbeats.surge.sh
Euphony
Loop Waveform Visualizer
Rythm.js

# does not seem to work on Chrome 81+ (user gesture needed, etc)

# flash or other plugins needed

# flash stuff

Drum Kit
Qwerty Beats | Online Drum Machine | Keyboard Drum Loops | Remix | Samples | uπit
Drum Machine
Play Dnb X005 Drum Machine Game Here - A Interactive Game on FOG.COM
ButtonBass Drum Pad
Drum Machine | Flash Videos
BPoeM26+sons
M8! - Fun
as3sfxr
♫ Tony-b Machine ♫
WD-1 DJ-TRAINER :: ONLINE DJ SET

Play Step Seq., a free online game on Kongregate
Unity Web Player | Collaborative Soundscape
JS-909
beatlab - make music together
Drum pattern sequencer
ButtonBass Original Piano
SiON - the AS3 SoftSynth
halfbyte/webloop (flash needed)

# non working demo + not enough code

joshontheweb/synth
ryoyakawai/webaudiofmsynth
webaudio/beats at master · jarav/webaudio
scttnlsn/webaudio
carlbarrdahl/tonematrix
ryoyakawai/gtuggirls-webaudio
GTUG Girls Meetup #19
therewasaguy/webaudioworkshop
iraritchiemeek/webaudio_threejs
plz no
pendragon-andyh/WebAudio-SynthBits
WebAudio-SynthBits by pendragon-andyh
tkojitu/nomaoijs
paullachenardiere/Iris
閲覧できません (Forbidden access)
Swap the Drop
Morning Star: An Impressive Audio Synth in... | Badass JavaScript
MAZBOX.COM - MZ-101
Morning Star Synth - non wking on chrome + ff
μzik
Technocrat
Orbisyn
Title
Title
Title
Title
darraghenright/DrumMachine
Drumz
cwilso/Lupr
AudioCrawl, showcasing the best in web audio
Latent Beats on AudioCrawl, instrument, musical, visualization
Component FM on AudioCrawl, component, library, webaudioapi
Noise Board on AudioCrawl, sample, visualization, interactive
Croacia Audio on AudioCrawl, speech, recognition, analysis
TECHNITONE - A web audio experience presented by Google Chrome
team Lab Music is a Browser-Based Jam Session
Web Audio FM Synth
Making Synthesizers in JavaScript with the Web Audio API | Secret Feature
Oscillicious - Play a VST Synthesizer in your Web Browser

Techno Is The Word!
JamStudio.com - Create Music Beats - The online music factory - Jam, remix, chords, loops
flash Drum Kit
WebBeeper
Riffwave.js test | CSSDeck
Syd's kickass drum machine
nodation
GitHub - mattdesl/audiograph.xyz: A visual exploration of Pilotpriest's 2016 album, TRANS.
V4 The love - Incredibox
L O O M
♫ Canopy

# dead links

ONLINE STEP SEQUENCER
Laboratory
The tonematrix, a pentatonic step sequenzer by Audiotool
Astral Physics | NetStep : Browser-based Step Sequencer in Silverlight 2.0
CULDAW: Collaborative Ubiquitous Digital Audio Workstation :: intelligenia - Granada
KDS Free Online Drum Machine – Flash | Killer Drum Kits
Test - 8-64 Variable Step Midi Sequencer with jazz plugin
SiON FM Synthesizer WF-1 - wonderfl build flash online
JAVA AngryOctopus » Synths
Java Sound Resources: Links
Monkey Machine - online drum machine
Beatonica ヒトの輪でつくる未来の楽器
fozzle/musicalpaint
skwa - flash shark playgin notes
The Wheels Of Steel: Turntables in your browser (a web-based DJ prototype)
http://littledrummertoy.ableton.com/
lukefreeman/ReactJS-DrumMachine
Synthy
SiON SoundObject Quartet - wonderfl build flash online
Home - System Killa
libpd » Portfolios » Showcase
Untitled :: Audiee
Browsers: Make some noise! | Ludum Dare
component.fm
MMOS | Global Game Jam®
Multithump, A Multi-player Version Of Marek Bereza’s Music Sequencer Iphone App Thump. This Special Installation For S... - #30507 - NOTCOT.ORG
Beatbox: build a rhythm machine with react & WebAudio API | Coding Adventures
openmusic-drum-machine : 1.0.0 - A Web Audio drum machine
wap - drum machine using Web Audio API.
http://weblab.pagesperso-orange.fr/themidst/index.html
TECHNITONE - A web audio experience presented by Google Chrome
HTML-808