Clicky

Presets

Click a cell to switch it on. Click again for an accent (a louder hit), and once more to clear it. Press Play or hit the spacebar.

How to make a beat

From an empty grid to a groove in under a minute.

1

Start from a preset, or from scratch

Hit a preset like House or Boom Bap to drop in a starting groove, then change it to taste. Or clear the grid and build your own from the kick up.

2

Place your hits

Each row is a drum, each column is a sixteenth note across two bars. Click to turn a hit on, click again to accent it, once more to clear. The kick lands on the downbeats, the snare or clap answers on the backbeat, hats fill the gaps.

3

Dial in tempo and swing

Set the BPM for the genre, then add swing to pull it off the grid and make it groove instead of march. A little goes a long way on hats and snares.

4

Play it and share it

Press Play or the spacebar to hear it loop. Happy with it? Hit Copy share link and the whole pattern, tempo and swing travel in the URL, ready to send or bookmark.

The kit, and how to use it

Kick and snare are the skeleton. Lock the kick to the downbeats and put the snare or clap on beats two and four. Get that breathing first, then everything else hangs off it. If a pattern is not working, it is almost always the kick and snare, not the decoration.

Hats are the motion. Closed hats on every step drive a track forward; thin them out and the groove relaxes. Drop an open hat on the offbeat for that classic house lift, and remember to close it again so the two do not ring over each other.

Accents are the feel. A pattern where every hit is the same volume sounds like a machine. Accent the notes you would naturally hit harder, the backbeat snare, the first hat of each beat, and it starts to sound played. Swing finishes the job by nudging the in-between notes late.

Toms and cymbals are punctuation. Use them sparingly. A tom fill at the end of a two-bar loop or a crash on the first beat tells the listener where the section turns. Spread across every bar and they lose their meaning.

Free Download

The Tempo & Delay Cheat Sheet

Got a groove going? Lock the rest of the track to it. Keep this one-page reference by the desk for the production side.

  • Tempo ranges for 16 genres
  • Delay times for every common BPM
  • The dotted-eighth and triplet values pros actually use
  • Reverb pre-delay and LFO sync tricks

Get the cheat sheet

Free. Straight to your inbox.

No spam. Unsubscribe anytime.

Check your inbox.
Confirm your email and the cheat sheet is yours. See you in there.

Questions, answered

Is it really free?

Yes, completely. No account, no download, no limits. Open the page and start tapping in a beat.

Where do the sounds come from?

Every drum is synthesised live in your browser using the Web Audio engine, the same way a hardware drum machine generates its sounds. That means nothing to download, instant loading, and no lag between clicking a step and hearing it.

What does the accent do?

Clicking a cell twice turns it into an accent, a noticeably louder hit. Accents are how a flat grid starts to sound human. Put them on the hits you would naturally play harder and the pattern comes alive.

How does the share link work?

Copy share link writes your whole pattern, tempo and swing into the page URL. Anyone who opens that link sees and hears the exact beat you made. It is also a handy way to bookmark an idea before you change it.

Can I use the beats I make in my own tracks?

Absolutely. Use this to sketch ideas and find a groove, then rebuild the pattern in your DAW with your own kit to take it further. Think of it as a fast, no-setup scratchpad for rhythm.

Does it work on a phone?

Yes. The grid scrolls sideways on small screens so you still get all 32 steps. Tap the cells just like clicking.

Scroll to Top