How to Make a Beat Online

Use the free Hivly Play drum machine to build a beat in your browser. No downloads, no accounts. A guide to step sequencers, tempo, and rhythm.

Updated 6 min read By CodingEagles
Free tool Drum Machine Program a beat on a step grid and play it back. Open tool

You can make a beat right now, in your browser, with the Hivly Play drum machine. No download, no account. Load the page, pick a preset or tap out your own pattern, set the tempo, and press Play.

This guide covers how the tool works, what each part of the grid does, and a few tips for building something that actually sounds decent.

What is a step sequencer?

What you’re looking at is called a step sequencer. The grid has five rows, one for each drum sound, and sixteen columns. Each column is a moment in time. Switch a step on and the machine plays that sound at that point. It loops, so you can hear the pattern repeat and adjust it while it runs.

Step sequencers have been in electronic music since the 1970s because the grid makes rhythm visual. You can see at a glance where the kick lands, where the snare hits, and how the hi-hats fill the gaps.

The five sounds explained

Each of the five instruments has a specific job.

Kick is the low thud at the bottom of a groove. It usually falls on the downbeats, the strong beats of the bar. On a 16-step grid those are steps 1, 5, 9 and 13, the columns marked with a beat number.

Snare is the sharp crack that contrasts the kick. Standard placement is beats 2 and 4, meaning steps 5 and 13. That backbeat is what you hear in almost every rock, pop and dance track.

Closed Hat is a short, tight tick that provides the pulse. Placing it on every even step gives a straight eighth-note groove. Fill in all sixteen and it gets more frantic.

Open Hat is the same cymbal but held longer, with a looser, washy quality. Use it sparingly, usually on the last step of a bar, to add some movement before the loop repeats.

Clap is a dry, mid-range slap. It tends to reinforce the snare, either sitting exactly on beats 2 and 4 or shifted a step for a slightly displaced feel.

Getting started: use a preset

The quickest way to understand the grid is to load a preset. Press “Basic Beat” and a kick-snare-hat groove fills in. Press Play and listen to how the pieces sit together.

Then start pulling steps out. Switch the closed hat on step 3 off, or move the kick from step 9 to step 10. Small changes make a surprising difference, and that is the fastest way to develop an ear for how rhythm works.

Building a beat from scratch

Press Clear to start with a blank grid, then try this:

  1. Put the kick on steps 1, 5, 9 and 13.
  2. Add the snare on steps 5 and 13.
  3. Drop a closed hat on every even step from 1 to 16.
  4. Press Play and listen.

Once you have that running, try pulling the kick off step 9 and replacing it with two quick kicks on steps 9 and 11. That single change gives the pattern a bouncier, syncopated feel. Tiny adjustments like that are what make a loop sound like something rather than just a grid exercise.

Tempo and feel

The BPM slider runs from 60 to 180. Tempo changes the character of a beat more than you might expect, even with the same pattern.

Around 80 to 95 BPM feels slow and heavy, which suits hip-hop. Around 120 to 130 is where house music sits. Above 140 starts to feel urgent; drum-and-bass patterns typically live at 170 to 175.

Try loading the House preset and dragging the tempo from 120 down to 90. It sounds like a different genre entirely.

Varying your rhythms

Once you have a basic pattern, a few things make loops feel less mechanical.

Shift one element off the beat. If your snare always lands exactly on beat 2, try moving it one step earlier. That is called anticipation and it gives the pattern a pulled-forward feel.

Leave gaps. Silence is part of the rhythm. A bar where the kick drops out for a beat draws the ear back when it returns.

Add an open hat just before the repeat, on step 7 or 15. That single sound adds forward momentum and stops the loop feeling like it is just cycling in place.

Listening and adjusting

The most useful thing about a step sequencer is that you can change it while it plays. Toggle steps, nudge the tempo, try a different hat pattern. Give each change a few bars before you judge it. Rhythm takes a moment to settle into the ear.

Making a decent beat is mostly about listening. The drum machine keeps the mechanics out of the way so you can focus on that.

Frequently asked questions

Do I need to install anything?
Nothing at all. The drum machine runs entirely in your browser and produces its own sounds on the fly. Open the page, press Play, and you are making music.
Why is there no sound when I first open it?
Browsers stay silent until you interact with a page. Press Play or tap one of the step buttons and the sound switches on straight away. It only happens once.
Can I change the tempo while the beat is playing?
Yes. Drag the BPM slider at any point and the loop follows your new speed in real time. You can also toggle steps on and off while it plays, so tweaking a pattern while you listen is part of the flow.
What is a step sequencer?
A step sequencer is a grid where each row is an instrument and each column is a moment in time. You switch steps on and the machine plays them in order, looping continuously. It is one of the oldest and most intuitive ways to programme a rhythm.
Can I save my beat?
Your pattern stays put while the tab is open, so you can refine it freely. Because nothing is sent to a server, reloading the page starts fresh. Note down the active steps if you want to recreate a loop later.

Ready to try it?

Program a beat on a step grid and play it back. Free, in-browser, and 100% private — your data never leaves your device.

Open the Drum Machine