How to make dubstep in your browser

By Tongkit Leong · July 30, 2026 · 8 min read

Dubstep runs on a half-time drum groove, a wobbling bassline built by automating a synth's filter cutoff, and a drop built around sidechain-tight low end — and you can program all three from scratch in the Tracks browser studio, with no software to install and no account to create.

The anatomy of a dubstep track

Before you open the drum machine, it helps to know what actually separates dubstep from other 140 BPM genres:

• Half-time groove — the snare or clap lands on beat 3 of a bar instead of beats 2 and 4, so a 140 BPM track feels like it's moving at roughly 70 BPM.
• Wobble bass — a sustained low synth tone whose tone rhythmically opens and closes, usually by sweeping a filter cutoff up and down in time with the beat.
• Sparse, spacious verses — long stretches with just a beat and a simple bass pattern, so there's real headroom for a drop to feel like an event.
• Builds and drops — a rising section with a filter sweep or riser that resolves into a dense, bass-heavy drop where the full arrangement hits at once.
• Tight low end — the kick and the wobble bass are kept from colliding with sidechain ducking, so a bass-heavy drop still has a punchy, defined kick underneath it.

Tracks has everything this needs — the 808/909 drum machine for the groove, a subtractive synth with a resonant filter for the wobble, a piano roll for writing it, and a mixer with parameter automation and sidechain ducking for shaping the drop.

Step 1: Set your tempo

Open the Tracks studio and set the BPM in the transport bar. Dubstep's tempo is one of the more consistent things about the genre:

• 140 BPM is the standard dubstep tempo and a safe default if you're not sure where to start.
• Some tracks push to 142–150 BPM for a more aggressive, riddim-leaning feel, or drop closer to 135 BPM for a slower, heavier drop.
• Because the snare only lands on beat 3, the track is felt at roughly half that number — set the tempo before writing the wobble pattern, since it changes how many steps fit into each wobble cycle.

Step 2: Program the half-time drum groove

Add a track and open the drum machine. On a 16-step grid representing one bar, place the snare or clap on step 9 only — beat 3 — and leave beats 2 and 4 empty. This is the same half-time placement that defines trap and a handful of other 140 BPM genres, and skipping it is the fastest way to make a pattern feel like something else entirely; see How to make trap music in your browser if you want to compare the two grooves side by side.

Keep the kick pattern sparse rather than filling every gap — a kick on step 1, an occasional kick just ahead of the snare to push into it, and open space everywhere else. Dubstep grooves lean on restraint; the space between hits is what makes room for the bass to carry the track.

Step 3: Build the wobble bass patch

Add a new instrument track and open the subtractive synth. Pick a saw or square wave oscillator for a bright, harmonic-rich starting tone, then close the filter cutoff down to a low setting so the raw tone sounds dark and muffled before any movement is added. Push the filter's resonance up so the cutoff frequency itself has an audible edge — this is what gives a wobble its buzzy, vocal-like character rather than just a plain volume swell.

Open the piano roll on this track and write a single sustained low note, held for a full bar or more. The wobble effect comes entirely from movement on the filter, not from the notes themselves, so keep the underlying pitch simple at this stage.

Layering for weight

A single oscillator can sound thin under a full drop. Try duplicating the bass track and detuning the second layer slightly, or blending in a sine sub underneath the saw layer, so the wobble has both the buzzy mid-range bite and real low-end weight.

Step 4: Automate the filter cutoff to create the wobble

This step is what actually makes it dubstep rather than just a bass drone. On the synth track's filter cutoff parameter, draw an automation curve that moves the cutoff up and down in a repeating pattern locked to the grid — see How to use automation to make your mix move for the basics of drawing automation curves in Tracks if you haven't used the feature before.

A few starting patterns worth trying:

• Straight eighth-note wobble: cutoff up and down on every eighth note for a steady, driving pulse.
• Triplet wobble: the same up-and-down movement grouped in threes per beat, for the loping, off-kilter feel common in a lot of dubstep.
• Uneven wobble: a mix of long and short movements within the bar, so the pattern doesn't repeat identically every beat.

Once the basic curve is in, exaggerate the shape — a sharper rise into each open point and a slower fall reads as more aggressive, while a smoother curve on both sides feels rounder and more melodic. Try automating resonance alongside cutoff for extra bite at the peak of each wobble.

Step 5: Add sidechain ducking

A wobble bass that's constantly loud will fight the kick for space in a dense drop. Set the bass track — and any pad or lead layers running under the drop — to duck slightly whenever the kick hits, using Tracks' built-in sidechain ducking. See Sidechain compression explained for the full walkthrough of setting it up.

Keep the ducking amount modest on the wobble bass itself, since the filter automation is already doing most of the rhythmic work — the goal here is just enough duck that the kick still reads as a distinct transient rather than getting buried under the sustained low end.

Step 6: Arrange the build and drop

Dubstep arrangements are built almost entirely around the contrast between sparse and dense sections. A common structure looks like this:

1. Intro (8–16 bars): a simple beat, minimal or no bass, atmosphere and space.
2. Verse (16 bars): the half-time groove enters along with a simpler version of the bass, still leaving room.
3. Build (4–8 bars): strip most elements back out, then bring in a rising synth, a filter sweep that opens over the section, or a riser sample, climbing toward the drop.
4. Drop (16 bars): the full wobble bass pattern and drum groove hit together at maximum density.
5. Breakdown (8 bars): pull back again before a second, often more varied drop.

Use the Tracks timeline to duplicate sections and mute or solo tracks so you can audition exactly how much gets stripped out before the build, since a drop only lands as hard as the contrast that precedes it.

Step 7: Mix and export

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

1. Compress the bass track with a moderate ratio so the wobble stays consistent in level as the filter sweeps between open and closed.
2. Double-check the sidechain duck on the bass and any pads — during the drop, the kick should still be clearly audible rather than swallowed by low end.
3. Use an EQ cut around the low-mids on competing layers, like a lead or pad, so they don't cloud the space the wobble bass needs.
4. Put a limiter on the master track before the drop — dense, bass-heavy sections are where clipping is most likely to sneak in.

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 dubstep?

Almost all dubstep is written at 140 BPM, with some tracks ranging from 135 to 150 depending on how aggressive or heavy the drop is meant to feel. Because the snare only lands on beat 3, the track is felt at roughly half that tempo.

How do I get a wobble bass sound without a dedicated bass plugin?

Write a sustained low note with a saw or square wave synth, then draw a repeating automation curve on the filter cutoff parameter so the tone opens and closes rhythmically. The wobble comes from that filter movement, not from anything special about the oscillator — Tracks' subtractive synth and automation tools cover both parts.

Why does my wobble bass sound thin?

A single saw or square layer can lack low-end weight on its own. Try layering a plain sine wave underneath at the same pitch to fill in the sub-bass, or detuning a second copy of the main layer slightly for width, then check that both layers are ducking together against the kick.

Do I need special dubstep drum samples?

No. The half-time groove that defines dubstep comes from the pattern — snare on beat 3, sparse syncopated kicks — more than from any specific drum sound. Tracks' built-in 808 and 909 drum machines cover the core sounds, and the sampler lets you load your own one-shots if you want something more specific.