How to make phonk music in your browser

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

Phonk runs on a cowbell-driven drum loop, a distorted Memphis-style 808 bass, and pitched-down, chopped vocal samples — and you can build all three from scratch in the Tracks browser studio, with no software to install and no account to create.

The anatomy of a phonk track

Phonk pulls from 1990s Memphis rap and modern drift/hood-phonk revival, and a few ingredients show up in nearly every track:

• Cowbell — a repeating, often syncopated cowbell hit is the single most identifiable phonk sound, sitting on top of the hats and snare like a second lead.
• Distorted 808 bass — a sliding 808 pushed hard into distortion or saturation until it growls instead of staying clean, unlike the smoother 808s in mainstream trap.
• Chopped, pitched-down vocals — short vocal phrases, often from old rap acapellas, sliced into one-shots and dropped down in pitch for a warped, murky texture.
• Lo-fi, degraded texture — a dusty, VHS-tape quality across the whole mix, usually from bitcrushing or heavy saturation rather than a clean modern master.
• Loop-based structure — most phonk rides one core loop for most of its length with density changes rather than a pop verse-chorus arrangement.

Tracks covers every piece of this — a 909 drum machine with a real cowbell sound, a subtractive synth for the 808, a distortion and bitcrusher effect, a 16-pad sampler for chopping vocals, and repitch for dropping their pitch down.

Step 1: Set your tempo

Open the Tracks studio and set the BPM in the transport bar:

• 130–150 BPM covers most phonk, with a lot of tracks sitting around 140–145 BPM.
• Because the groove usually swings and leans on off-beat cowbell and hats, it's often felt slower than the raw BPM suggests — similar to how trap is felt in half-time.
• Pick a tempo and commit before programming the cowbell pattern, since its syncopation is built against the grid.

Step 2: Program the cowbell-driven drum loop

Add a track and open the 909 drum machine, which includes a dedicated cowbell sound. Start with the foundation:

1. Place a kick on beat 1 and one syncopated kick elsewhere in the bar — keep it sparse rather than four-on-the-floor.
2. Add a snare or clap on beats 2 and 4, or move it to beat 3 only for a half-time feel closer to trap and dubstep.
3. Program a swung hi-hat pattern across the 16-step grid, with the occasional triplet roll for movement — see Quantize and swing explained if you haven't dialed in swing before.
4. Now the signature part: add the cowbell on an off-beat, syncopated pattern that repeats every bar or two. Keep it simple at first — a single recurring hit lands harder than a busy cowbell fill.

Loop the pattern and listen for whether the cowbell reads as a hook on its own. If it blends into the rest of the drums, push its velocity up or move it further off the beat so it stands out.

Step 3: Build the distorted 808 bass

Add a new instrument track and open the subtractive synth. Pick a sine or triangle wave for a clean sub tone as your starting point — the distortion later is what gives it the phonk growl, not the raw oscillator.

Open the piano roll and write an 808 line with slides between notes: hold a low root note, then glide into the next note rather than triggering a fresh attack each time. This continuous, sliding low end is a shared trait with trap 808 patterns, but phonk pushes it much harder into distortion afterward.

Adding the grit

On the bass track's insert effects, add Tracks' distortion effect and drive it until the tone breaks up and growls rather than staying clean — this is the defining difference between a phonk 808 and a typical trap 808. Back off slightly if the pitch of the slides gets hard to follow; the distortion should add grit without swallowing the notes.

Step 4: Chop and pitch down a vocal sample

Phonk's vocal chops usually come from old rap acapellas or your own recorded phrase, sliced short and warped. If you don't have a source file, record a short phrase through the Tracks mic input first — see How to record and tune vocals in your browser.

1. Load the vocal file into the Tracks 16-pad sampler and slice it into short one-shots, the same technique covered in How to chop and flip a sample into a beat.
2. Trigger the chops in a simple repeating pattern that locks up with the cowbell rather than the melody underneath, since phonk vocals function more like a percussion layer than a lead.
3. Use Tracks' repitch tool to drop the pitch of the chops down, often by several semitones, for the classic slowed, murky phonk vocal texture — see Time-stretch and repitch explained for how the control works.

Step 5: Add lo-fi texture

A clean, modern-sounding mix works against phonk's aesthetic. Add Tracks' bitcrusher effect to the drum bus or the full mix at a light-to-moderate setting to bring in some digital grit and a lower, degraded fidelity — the same effect covered in Chorus, phaser, distortion, and bitcrusher explained. A touch of extra distortion or saturation on the drums can push the same lo-fi feel further if the bitcrusher alone feels too clean.

Step 6: Arrange the loop

Most phonk doesn't follow a pop verse-chorus-bridge structure. Instead, build around one strong loop and vary its density:

1. Intro (4–8 bars): drums only, or drums with a stripped-back bass, so the cowbell hook can register on its own.
2. Full loop (16+ bars): drums, distorted 808, and vocal chops all running together as the main body of the track.
3. Breakdown (4–8 bars): drop the drums out and let the bass or vocal chops carry the section alone.
4. Return: bring the full loop back in, optionally with a small variation like an extra cowbell fill or a different vocal chop pattern.

Use the Tracks timeline to duplicate and rearrange sections quickly, muting individual tracks to audition how much can drop out during the breakdown without losing the groove entirely.

Step 7: Mix and export

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

1. Make sure the cowbell and hats sit above the 808 in the frequency range rather than getting buried — a small EQ cut on the bass around the low-mids usually clears space.
2. Check that the distorted 808 isn't clipping the master — back off the drive slightly or add a touch of compression if the low end feels uncontrolled.
3. Keep the bitcrushed layers tucked underneath the main drums and vocal chops so the lo-fi texture reads as character, not noise.
4. Put a limiter on the master track, since distorted low end and bitcrushed layers both push levels up fast.

When the balance feels right, 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 phonk?

Most phonk sits between 130 and 150 BPM, with a lot of tracks landing around 140–145 BPM. The swung hats and off-beat cowbell often make it feel slower than the raw tempo number suggests.

Do I need real Memphis rap samples to make phonk?

No. The genre's character comes from the technique — a cowbell-driven groove, a distorted 808, and pitched-down vocal chops — more than from any specific sample pack. You can record your own vocal phrase through the Tracks mic input, chop it with the sampler, and repitch it down to get the same effect.

Why does my 808 sound clean instead of gritty?

Phonk's growling low end comes from pushing the distortion effect hard on the bass track, not from the raw synth tone. Start with a plain sine or triangle 808 and drive Tracks' distortion until it breaks up, backing off only if the pitch of your slides gets hard to follow.

What makes the cowbell sound right in a phonk beat?

Placement matters more than the sound itself. A cowbell hit landing on a clean downbeat tends to disappear into the groove — push it onto an off-beat, syncopated position and keep the pattern repeating so it functions like a second hook alongside the drums.