Back to tools
Drum Pattern Generator
MusicCreate drum patterns with a 16-step sequencer. Play back kick, snare, and hi-hat patterns in your browser.
ttb run drum-pattern-generator
Kick
Snare
Hi-Hat
Open HH
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
Share this tool:
How to Use Drum Pattern Generator
Toggle the step buttons to turn hits on or off for each drum track. Set your BPM and press Play to hear the pattern loop.
1
Build your pattern
Click the step buttons in each row to toggle drum hits on (lit) or off.
2
Set BPM
Drag the BPM slider to set the tempo between 60 and 200 BPM.
3
Play and iterate
Press Play to loop the pattern. Keep clicking steps to edit on the fly.
Frequently Asked Questions
How many steps are there?+
16 steps per bar — standard for most electronic music sequencers.
What drum sounds are included?+
Kick, Snare, Hi-Hat, and Open Hi-Hat — generated using Web Audio API oscillators.