Back to Arsenal

Drum Pattern Generator

Music

Create 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
Comparte esta herramienta:

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.

Free tools, weekly.

Get lightweight updates when new tools land.