How to make hardstyle in your browser

By Tongkit Leong · August 23, 2026 · 8 min read

Hardstyle is built from a distorted reverse-bass kick, a screeching pitched-up lead, and a euphoric melodic breakdown that flips between raw aggression and uplifting melody — and you can put all three together from scratch in the Tracks browser studio in an afternoon, with no software to install and no account to create.

The anatomy of a hardstyle track

Hardstyle grew out of the harder end of Dutch and Belgian hardcore and trance, and it still carries both parents in its DNA — the aggression of hardcore and the euphoric melody of trance. A handful of elements show up in almost every hardstyle track:

• A reverse-bass kick — a heavily distorted kick drum where the tail bends and pitches like a bassline, so the kick itself functions as both drum and bass in one sound.
• A screeching lead — a pitched-up, heavily distorted saw or FM synth riff that punches through the dense low end.
• A euphoric melodic breakdown — a section where the kick drops out entirely and a lush, emotional chord progression and lead take over.
• Tension-and-release arrangement — long buildups with risers and pitch sweeps that resolve into a hard-hitting drop.
• Heavy distortion and saturation throughout — hardstyle leans into clipped, gritty tone rather than a polished, clean sound.

Tracks covers this end to end — the drum machine and subtractive synth for building the reverse-bass kick, the FM synth for the screeching lead, the piano roll for the breakdown melody and chords, and a mixer with distortion, EQ, and automation to shape the buildups and drops.

Step 1: Set your tempo

Open the Tracks studio and set the BPM in the transport bar. Hardstyle sits well above most dance genres:

• Euphoric hardstyle: 145–150 BPM. The melodic, trance-leaning end of the genre.
• Raw hardstyle: 150–155 BPM. Faster, rougher, and more distorted, closer to hardcore.

150 BPM is a reasonable default if you're not sure — it sits comfortably in both camps and leaves room to push the mix toward melodic or raw once the kick and lead are in place.

Step 2: Build the reverse-bass kick

Add a track and open the Tracks drum machine to program the kick's rhythmic placement, typically a steady four-on-the-floor pattern with the occasional syncopated skip. The kick itself is the hardest part to get right, and in hardstyle it does double duty as both drum and bassline.

Layer two elements to build it: a short, punchy transient for the attack, and a longer pitched body underneath that you shape with a fast pitch envelope so it dips down and swells back up before the next hit lands, the same "reverse" motion that gives the sound its name. Push a distortion or bitcrusher effect on the kick channel to add grit and harmonics — see Chorus, phaser, distortion, and bitcrusher explained for how the distortion module behaves in Tracks. Because the kick carries the low end on its own, skip a separate sub bass track entirely for the main sections; the kick's pitched tail is the bassline.

Shaping the kick's tail by ear

Small changes to how fast the pitch envelope moves and how long the tail rings out change the kick's character a lot — a shorter, faster tail reads as tighter and more aggressive, while a longer tail with more sustain reads as fuller and more melodic. Loop four bars and adjust the envelope while it plays so you can hear the change against the rest of the pattern rather than in isolation.

Step 3: Program a screeching lead

Add a new instrument track and open the FM synth for a harsh, cutting tone, or use the subtractive synth with a saw wave and an aggressive filter open. Pitch the patch up an octave or more from where a typical lead would sit — hardstyle leads are meant to scream over the kick, not blend with it.

Open the piano roll and write a short, repetitive riff rather than a long melodic line; two or four bars looped and varied slightly is typical. Push distortion or bitcrushing onto the lead channel to add the signature harsh edge, and keep the phrase rhythmically simple so it locks with the kick pattern instead of competing with it. See Subtractive vs FM synthesis for building a patch like this from scratch.

Step 4: Write a euphoric melodic breakdown

Hardstyle's other half is the breakdown — a section where the kick drops out and the track opens up into something melodic and emotional before slamming back into the drop. Mute the kick and lead tracks and add a new synth track with a warm pad patch and a clean, singing lead.

In the piano roll, write a simple, memorable chord progression — a minor key with a few strong chord changes works well for the genre's signature bittersweet lift, see How to write chord progressions if you want a starting method. Layer a clean lead melody over the chords, and use generous reverb and delay sends on both to fill out the space the kick left behind. This is the one section of a hardstyle track where restraint and clarity matter more than distortion.

Step 5: Arrange around build and drop

Hardstyle arrangements run on tension and release, built around one or two big drops rather than a conventional verse-chorus structure. A workable shape looks like this:

1. Intro (8–16 bars): the kick pattern alone or with a filtered lead, establishing the groove.
2. First drop (16–32 bars): full kick, bassline tail, and screeching lead locked in together.
3. Breakdown (16–32 bars): kick drops out entirely for the melodic chord and lead section.
4. Buildup (8–16 bars): reintroduce the kick gradually, add a riser and a rising pitch sweep to build tension toward the next drop.
5. Second drop (16–32 bars): the full arrangement returns, often with a lead variation.
6. Outro (8–16 bars): thin the arrangement back down to the kick alone or fade out.

Block these sections out on the Tracks timeline before polishing any individual part — see How to arrange a song for more on building a structure from scratch, and How to use automation for drawing the riser and filter sweeps into the buildup.

Step 6: Mix and export

Before you export, spend a few minutes balancing levels in the Tracks mixer:

1. Balance the kick against everything else first — since it carries the low end alone, it needs to sit loud and clear before the lead and breakdown elements are added around it.
2. Watch the distortion on the kick and lead carefully; a little saturation gives hardstyle its edge, but too much on both at once turns the mix into indistinct noise rather than controlled aggression.
3. Use EQ to carve out space between the kick's pitched tail and the lead so they don't mask each other in the low-mids.
4. Keep an eye on your master gain staging during the drop sections; a dense, distorted mix reads louder than it measures, so trust your meters as levels get close to clipping.

When the balance feels right at a comfortable volume, export to WAV for a clean master file or MP3 to share online — see How to export your song to MP3 or WAV for the full walkthrough. Your project stays in your browser the entire time; Tracks never uploads it anywhere.

Frequently asked questions

What BPM is hardstyle music?

Most hardstyle sits between 145 and 155 BPM. Euphoric, melodic hardstyle leans toward 145–150 BPM, while raw, harder-edged hardstyle pushes toward 150–155 BPM.

What makes a hardstyle kick different from a normal kick drum?

A hardstyle kick is built to function as both drum and bassline in one sound. It combines a short, distorted transient for punch with a longer pitched tail shaped by a fast pitch envelope, so the tail dips and swells the way a bass note would, which is why the main sections of a hardstyle track often don't need a separate bass part at all.

Do I need distortion plugins to make hardstyle in Tracks?

No. Tracks' built-in distortion and bitcrusher effects, available as inserts on any track, are enough to build the gritty kick and screeching lead tone hardstyle relies on. See Chorus, phaser, distortion, and bitcrusher explained for how to dial them in.

Why does my hardstyle drop sound muddy instead of hard-hitting?

Muddiness in hardstyle usually comes from the kick's pitched tail and the lead clashing in the same low-mid frequency range, or from stacking too much distortion on multiple elements at once. Try EQing a notch out of one element where the other is strongest, and check whether every layer actually needs its own distortion or whether one heavily processed element is enough.