SHUFFLE·DRUMMER

How to make a beat online, from scratch

By Mani Deïz · hip-hop producer since 1998 · 5 October 2026

You don't need a DAW, a plugin bundle or a hardware sampler to make a beat. You need a tempo, four drum sounds, a loop to chop, a bass line and a way to export the result. This guide walks through all of it in Shuffle Drummer, a free drum machine, sampler and groovebox that runs in the browser, but the method is the same whatever tool you use. Count on thirty minutes for a first beat you'd actually play to someone.

  1. Pick a tempo and a feel
  2. Program the drums
  3. Make it groove
  4. Add a sample
  5. Play a bass line
  6. Mix it
  7. Turn the loop into a song
  8. Export or share

1. Pick a tempo and a feel

Tempo decides the genre before you place a single drum. Rough map: lo-fi 70–90 BPM, boom bap 85–95, trap 130–150 (felt at half speed), house 120–126, drum and bass 170–175. If you don't know, start at 90 BPM: it works for hip-hop, it is easy to rap over, and it is the default in Shuffle Drummer. Drag the BPM display to change it, or double-click it and type a number.

Then decide if the beat is straight or swung. Swung means the in-between notes lean late; it is what makes hip-hop nod. We'll set that in step 3, but decide it now, because the whole beat will be built on that feel.

2. Program the drums

Open the STEP tab. You see six rows (kick, snare, hi-hat, open hat, cymbal, ride) and 16 columns per bar: the 16th-note grid. Enter this, the simplest pattern that sounds like a record:

1e&a2e&a3e&a4e&a
Kick▲■■
Snare▲▲
Hat■▪■▪■▪■▪

Where you click inside a cell sets the velocity: near the top for an accent, near the bottom for a ghost note, and you can drag up or down to fine-tune. The snares on 2 and 4 should be accents; the off-beat hats should be ghosts. If you want a shortcut, turn the SHUFFLE wheel at the top of the machine: every position loads a hand-made groove you can edit.

Now pick the sound. Click DRUMS BANK and load a kit: a clean kit for a modern beat, the lo-fi kit for something dusty. You can also leave the synthesized drums and shape them with the PITCH, HI-PASS and LOW-PASS fader modes. A kick pitched down two or three semitones is the single most useful tweak in hip-hop.

3. Make it groove

Press play. It sounds like a drum machine, which is to say stiff. Turn the SWING knob from 50% to about 58%. The off-beat hats and the kick on the “a” of 2 fall a little late, and the beat starts to nod. Go past 62% and it becomes a shuffle; for a first beat, stay between 56% and 60%.

Second tool: TIMING. Switch it on and you can drag a single hit early or late, off the grid. Pull both snares 10 ticks late. That is a drummer leaning back, and no amount of swing produces it. Two moves, not twenty: a late snare every bar is a feel, random nudges are a mess. If you want to understand what the knob is doing, read swing and shuffle explained; for more patterns, six boom bap drum patterns.

4. Add a sample

Open the SAMPLER tab and click BROWSE. Load any loop you have the right to use: a chord progression you recorded, a royalty-free loop, an old record. The file stays in your browser; nothing is uploaded.

  1. Slice it. Click SLICE and choose 16 equal slices, or snap the markers to the transients so each chop starts on a hit. Every slice lands on a pad.
  2. Find two chops that work. Go to the PADS tab and play the slices against the drums. You are looking for one chop that sits on the 1 and one that answers it on the 3. Ignore the rest for now.
  3. Pitch it. Back in the SAMPLER tab, drop the pitch by one or two semitones. Lower is warmer and slower; it also hides the seams between chops.
  4. Lose the original drums if needed. If the loop has its own beat fighting yours, hit ⊘ DRUMS: it keeps the harmonic part and strips most of the percussion.
  5. Sequence it. In the STEP tab, the SMP rows let you place chops on steps exactly like drums.

The five chopping techniques, with when to use each, are in how to chop samples like an MPC.

5. Play a bass line

Open the PIANO tab and switch to SYNTH. Pick a bass preset from the Minimoog-style bank (the list has a bass section). Press REC, then play two or three notes that follow the kick: a note on the 1, one on the “a” of 2 with the kick, one on the 3. Play it on the on-screen keys, your computer keyboard, or a MIDI keyboard. Stop, and the line loops with the drums.

Open the piano roll to fix a note you fluffed, or to shorten the notes so the bass doesn't smear into the kick. Rule of thumb: a bass note should end before the next kick. If you don't know which notes to play, use the root note of the sample's chord on the 1, and the same note an octave lower on the 3. Boring bass lines make great beats.

6. Mix it

Beginner mixes fail on three things: the kick and bass fighting, the hats too loud, and no glue. Fix those and stop.

7. Turn the loop into a song

A loop is not a beat anyone will listen to for two minutes. Open the SEQUENCER tab and press PRINT: the current pattern becomes a part. Now change something, mute the sample for an intro, add the open hat for a hook, switch the synth preset, and PRINT again. Name the parts (INTRO, VERSE, HOOK), CUT and reorder them, and play from the top. A classic structure for a first beat: INTRO 4 bars (drums only), VERSE 8 bars, HOOK 8 bars (add the open hat and the second chop), VERSE 8, HOOK 8, OUTRO 4 (sample only).

8. Export or share

Three ways out:

Saving your project and exporting WAV need a free account; everything else above is free without one.

Start now. The whole guide can be followed in one tab, on a laptop or a phone, with nothing installed.
▶ OPEN SHUFFLE DRUMMER — FREE

What to do after your first beat