Music tools
Drum machine
Program a beat on the grid and loop it. Everything runs in your browser - nothing is recorded.
How it works
Program a beat on a step-sequencer grid. Each row is a drum voice - kick, snare, hi-hat, and clap - and each column is a sixteenth-note step; click the cells to switch hits on and off, set the tempo, and press play to loop the pattern. A moving playhead shows the current step so you can hear and see the groove at once.
The drum sounds are synthesized with the Web Audio API and the steps are scheduled with look-ahead timing, so the loop stays tight at any tempo. It is a quick sketchpad for a beat idea or a way to practice along to a steady rhythm. Everything runs in your browser - no samples to download, nothing uploaded.
Example. Put kicks on steps 1 and 9, a snare on 5 and 13, and hats on every other step, set 100 BPM, and hit play for a basic four-on-the-floor-style backbeat you can tweak cell by cell.
FAQ
How does the step sequencer work?
The grid is one bar of sixteen steps. Each active cell triggers its drum voice when the playhead reaches that step, and the pattern loops, so you build a beat by toggling cells on and off.
Where do the drum sounds come from?
They are synthesized in your browser with the Web Audio API - a short pitched thump for the kick, filtered noise for the snare and hats, and so on - so there are no samples to download.
Why does the beat stay in time?
Steps are scheduled slightly ahead on the audio clock rather than fired by a plain timer, the same look-ahead technique the metronome uses. That keeps the loop tight even when the browser is busy.
Is my pattern or audio uploaded?
No. The sequencer and the sound generation run entirely in your browser. Nothing is recorded or sent to a server.