How to make trance music in your browser

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

Trance is built on a driving four-on-the-floor kick, a rolling sixteenth-note bassline, a euphoric arpeggiated lead, and a long build-breakdown-drop arrangement — and you can program all of it from scratch in the Tracks browser studio in an afternoon, with no software to install and no account to create.

The anatomy of a trance track

Trance shares its four-on-the-floor foundation with house and techno, but it gets its identity from melody and emotional payoff rather than groove or minimalism. A few traits set it apart:

• A tight, punchy kick — leaner than a techno kick, carved out with EQ to leave room for a busy bassline and lead sitting above it.
• A rolling sixteenth-note bassline — a single pulsing note gated tightly to the tempo, driving the track forward without adding melody of its own.
• A euphoric arpeggiated lead — a fast, rising-and-falling arpeggio built from a simple chord shape, usually the track's main hook.
• Wide supersaw pads — detuned, unison-stacked synth chords that fill out the stereo field behind the lead.
• A long build-breakdown-drop arrangement — trance is built for the emotional payoff of a breakdown resolving into a drop, more than for a verse-chorus structure.

Tracks has everything this needs built in — the 808/909 drum machine for the kick, a subtractive synth with unison and detune for the pads, a piano roll for writing the bassline and arpeggio, and automation for the filter sweeps and risers that carry a trance arrangement.

Step 1: Set your tempo

Open the Tracks studio and set the BPM in the transport bar. Trance covers a fairly narrow, well-established tempo range:

• Progressive / uplifting trance: 130–136 BPM. Slightly more laid-back, with room for the groove to breathe.
• Classic / main-room trance: 136–140 BPM. 138 BPM is a dependable starting point for the genre's default feel.
• Hard / psy-leaning trance: 140–145 BPM. Faster and more relentless, closer to techno's energy.

Pick a tempo before writing anything else — the rolling bassline and arpeggio only lock together at the right speed, and even a few BPM off changes how urgent the track feels.

Step 2: Program the driving kick

Add a track and open the drum machine. On a 16-step grid, place the kick on steps 1, 5, 9, and 13 — one hit on every quarter note. Unlike techno, trance kicks are usually shorter and tighter, since the sixteenth-note bassline and busy lead above them need clear space rather than a kick that dominates the low end.

Loop the kick alone and check that the tail decays well before the next hit lands. If it's blurring into the following sixteenth notes of the bassline once you add it, shorten the decay or pull back the sub content slightly.

Step 3: Write a rolling sixteenth-note bassline

Add a new instrument track and open the subtractive synth. Set the oscillator to a sawtooth wave and shape it with a fairly bright low-pass filter — trance basslines need enough top end to cut through a dense mix.

Open the piano roll and write a single note repeated on every sixteenth step for a bar or two, then loop that pattern for the whole main section. Gate each note short and tight so it pulses rather than sustains — this rolling pulse is what gives trance its forward momentum, distinct from techno's sparser, more spaced-out bassline.

Keeping it locked to the kick

Quantize the bassline tightly to the grid so every note lines up exactly with the sixteenth-note subdivisions, and check that the note falling on each kick hit doesn't clash — many producers rest or duck the bass note that lands directly on the kick to keep the low end from getting crowded.

Step 4: Build a euphoric arpeggiated lead

On a second synth track, start by writing a simple chord shape in the piano roll — three or four notes from a minor key work well for the genre's signature emotional lift. Then convert that chord into an arpeggio by spreading the notes out into a fast, repeating up-and-down pattern across one or two octaves, usually in straight sixteenth notes.

Use a bright sawtooth or square wave with a short, snappy envelope so each note in the arpeggio is clearly audible rather than blurring into the next. This arpeggiated lead is the part most listeners remember from a trance track, so give it room in the mix — a touch of delay synced to the tempo adds width without crowding it.

Step 5: Add a supersaw pad for width

Add a third synth track for a wide pad sitting behind the arpeggio. In the subtractive synth, stack multiple detuned voices in unison mode and spread the detune amount until the tone feels big and shimmering rather than out of tune. Play the same chord shape from Step 4 as long, sustained notes instead of an arpeggio.

Push the pad back in the mix with a gentle EQ cut in the same range as the lead arpeggio, so it fills out the stereo field and adds emotional weight without fighting the lead for attention.

Step 6: Automate the breakdown and buildup

The build-breakdown-drop arc is trance's main storytelling tool. In the Tracks timeline, mute or remove the kick and bassline for a breakdown section, leaving the pad and lead to carry the emotional peak on their own. Automate a slow low-pass filter opening on the pad through the breakdown to build anticipation.

In the final four to eight bars before the drop, bring in a snare roll or a white-noise riser with a rising pitch or filter sweep, then cut everything out for a single beat of silence right before the kick and bassline return at full strength. That silence is what makes the drop land. See How to use automation to make your mix move for more on drawing these automation curves in Tracks.

Step 7: Arrange the full track

A club-ready trance arrangement is long and builds toward its payoff, structured for DJ mixing rather than a pop verse-chorus shape. A common layout looks like this:

1. Intro (16–32 bars): kick and a stripped-down bassline, giving a DJ room to beatmatch and mix in.
2. First build (16–32 bars): bring in the full bassline, then the arpeggio and pad, layering up toward the first drop.
3. First drop / main section (32–64 bars): full arrangement — kick, bassline, arpeggio, and pad all playing together.
4. Breakdown (16–32 bars): drums and bass drop out, pad and lead carry the emotional peak, filter opens gradually.
5. Second buildup (8–16 bars): riser, snare roll, and filter sweep leading into the second drop.
6. Second drop (32–64 bars): full arrangement returns, often with a small variation or an added counter-melody.
7. Outro (16–32 bars): strip back to kick and bassline alone so a DJ has room to mix out.

These lengths are conventions rather than rules, but keeping sections in multiples of 8 or 16 bars makes the track far easier for other producers or DJs to mix.

Step 8: Mix and export

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

1. Balance the kick and bassline first so they share the low end without masking each other — this relationship carries the entire groove.
2. Sidechain the bassline and pad to the kick so the low end ducks on every beat, creating the pumping feel that's core to the genre. See Sidechain compression explained for how to set it up.
3. Keep the arpeggiated lead bright and forward — a touch of reverb and tempo-synced delay adds space without burying it.
4. Use a gentle bus compressor across the full mix during the main sections to glue everything together, then ease off during the breakdown so the pad and lead can breathe.

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

Most trance runs between 130 and 140 BPM. Progressive and uplifting trance tend to sit lower, around 130–136 BPM, classic main-room trance sits around 136–140 BPM, and harder, psy-leaning trance pushes toward 140–145 BPM. 138 BPM is a safe, versatile starting point if you're not aiming at a specific subgenre.

What's the difference between trance and house or techno?

All three use a four-on-the-floor kick, but trance is built around melody and emotional arc — a rolling bassline, an arpeggiated lead, and a breakdown-to-drop structure — where house leans warmer and groove-focused and techno leans darker and more repetitive with movement driven by filter automation rather than melody.

How do I get the classic trance arpeggio sound?

Start from a simple chord in the piano roll, then rewrite it as a single-note pattern that cycles through the chord tones quickly in a fixed rhythm, usually straight sixteenth notes across one or two octaves. Pair a bright sawtooth or square oscillator with a short, snappy amplitude envelope so each note stays clearly defined instead of blurring together.

Why does my breakdown feel flat?

A flat breakdown is usually missing contrast — if the kick and bassline keep playing underneath the pad and lead, there's nothing for the drop to resolve. Mute the drums and bass entirely for the breakdown, let the pad and arpeggio carry it alone, and automate a filter or reverb send opening gradually so the section feels like it's expanding toward the drop rather than just sitting still.

Can I use a MIDI keyboard to play the pad chords instead of clicking them in?

Yes. Tracks supports Web MIDI, so if you have a MIDI keyboard connected over USB you can play the pad and lead chords live and record the performance directly into the piano roll. See How to use a MIDI keyboard in a browser DAW for the setup steps. Playing the chord changes by hand often makes the transitions between the breakdown and the drop feel more natural than programming every note by hand.