Make lo-fi hip-hop in your browser

By Tongkit Leong · June 20, 2026 · 7 min read

Lo-fi hip-hop comes down to four elements: a slow, swinging drum groove, a warm bass line, a soft chord loop with the high end rolled off, and some ambient texture underneath — and you can build all four in the Tracks browser studio in a single session, with no downloads and no account.

What makes a track sound lo-fi

Lo-fi hip-hop has a distinctive sound that is easier to describe than you might expect. It is slow — usually 70 to 90 BPM. The drums swing rather than sit on a rigid grid. The chords are muted and warm, with the treble rolled off so they sound like they are playing through an old cassette tape. And there is often a background texture — vinyl crackle, tape hiss, rain — that sits so low in the mix you feel it more than hear it.

None of this requires special hardware or expensive plugins. A drum machine, a synth or piano sample, a parametric EQ, and a reverb send are enough. Tracks has all of them built in and runs in any browser tab.

Step 1: Set your tempo

Open the Tracks studio and set the project tempo in the transport bar. For lo-fi hip-hop, 75–82 BPM is the most common range. Slower tempos feel more relaxed and melancholic; anything above 90 BPM starts to drift into regular boom-bap territory. Keep the time signature at 4/4.

Once the tempo is set, turn on the metronome click and let it run for a few bars so you can feel the pace. Lo-fi is supposed to feel unhurried, so if the click feels rushed, drop the BPM by 5 and try again.

Step 2: Program the drums with swing

The drum pattern is the backbone of the track, and the swing setting is what separates a lo-fi beat from a flat, mechanical one. Open the 808 drum machine and program a basic pattern:

• Kick: beat 1, and optionally a ghost hit on the "and" of beat 3 for variation.
• Snare: beat 3 only (not the typical 2 and 4 of upbeat hip-hop — lo-fi leans heavier on beats 1 and 3).
• Closed hi-hat: every eighth note (all eight steps of an 8-step grid, or all 16 of a 16-step grid if you want finer control).
• Open hi-hat: a single hit on the "and" of beat 2 or beat 4, not on every bar.

After the pattern is in, enable swing and set the swing percentage to around 55–65%. This nudges every off-beat hit slightly later than the grid, creating the lazy, human-feeling groove that defines the genre. You can also lower the velocity on alternating hi-hats — the drum machine lets you set velocity per step — so the pattern breathes rather than hammers at the same level on every hit.

Step 3: Write a bass line

Add a new instrument track and choose the subtractive synth. Set the oscillator to a sine or triangle wave for a round, smooth bass tone. In the piano roll, write a simple bass line that follows the root notes of the chord progression you will build in the next step. Keep these principles in mind:

• Short, staccato notes work better than long ones. Hit the root on beat 1 and add a passing note going into beat 3.
• Stay below C3 (middle C minus one octave) so the bass does not compete with the chord voicings.
• Quantize lightly — minor rhythmic imprecision sounds intentional at these tempos.

Open the parametric EQ on the bass track and apply a low-pass filter, cutting everything above 200–250 Hz. This keeps the bass warm and focused rather than buzzy or bright. You can also apply a gentle compressor with a slow attack (30–40 ms) to let the initial note thump through while keeping the sustain even.

Step 4: Add chord pads

This is where the emotional character of the track comes from. Lo-fi hip-hop favors jazzy, lush voicings: minor 7ths (Dm7, Am7, Cm7), major 7ths (Fmaj7, Gmaj7), and dominant 7ths. These chords have four or more notes and sound warm rather than stark.

Using a SoundFont for a piano sound

Add an instrument track and load a piano or electric piano SoundFont (.sf2) file. A Rhodes or Wurlitzer-style electric piano is the most classic lo-fi sound. If you do not have a SoundFont file, the FM synth in Tracks with a low operator ratio and slow attack envelope gets close to the same warm, muted quality.

In the piano roll, write a two- or four-bar chord loop. Keep the velocity low — around 50–65 out of 127 — and let the notes sustain across the full bar. You want the chords to bloom slowly rather than attack sharply.

Simple chord progressions that work

You do not need complex theory to find something that sounds right. A few progressions that work reliably:

• Dm7 – Gmaj7 – Cmaj7 – Am7: a smooth four-chord loop with a melancholic feel.
• Fmaj7 – Em7 – Am7 – Dm7: descending, pensive, and easy to write a melody over.
• Cm7 – Fm7 – Bbmaj7 – Ebmaj7: a minor key loop that feels more urban and moody.

Write the pattern in the piano roll, duplicate it to fill 8 or 16 bars in the arrangement view, and move on to shaping the tone.

Step 5: Shape the lo-fi tone with EQ

This step is what makes the track sound lo-fi rather than clean and modern. Open the parametric EQ on the chord track and apply a gentle low-pass filter — set the cutoff at 8–10 kHz and a moderate slope. This cuts the bright, crystalline top end and makes the chords sound like they are playing through an old tape machine. The effect is subtle but unmistakable when you compare the track with it on and off.

On the drum bus (or on each drum track individually if you prefer more control), apply a similar cut above 10–12 kHz. The hi-hats should sound slightly softened — present and rhythmic, but not bright and cutting. If the kick or snare sound too clean and modern, a gentle high-shelf cut above 6 kHz takes some of the studio polish off.

You can also cut some of the very low sub frequencies on the chord track — anything below 120 Hz — using a high-pass filter, so the bass track has room to breathe in the low end without the chords adding mud.

Step 6: Reverb and vinyl texture

Route the chord track to a reverb send in the Tracks mixer. A medium-size room with 1.5–2.5 seconds of decay time and 20 ms of pre-delay keeps the chords spacious without smearing them. Route the melodic lead, if you have one, to the same send. Keep the kick, snare, and bass dry — reverb on low-frequency sources makes the mix muddy and loose.

Adding a vinyl texture

If you want the classic lo-fi vinyl crackle, find a free vinyl noise or vinyl crackle audio file online (many free sample packs include them). Load it into the 16-pad sampler in Tracks and place it on a new track in the arrangement. Set the level in the mixer so the crackle is barely audible when the music is playing — you should notice the track feels strangely sterile when you mute it, but not consciously hear the crackle when it is on. That is the right level.

A few other lo-fi texture moves worth trying: automate the EQ cutoff on the chord track to drop slightly on certain bars; add a slow tremolo-style volume automation on the chord track that dips by 1–2 dB rhythmically; or route the main melodic element through a delay send with a dotted-eighth note time, one repeat, and a lot of high-frequency damping on the feedback.

Step 7: Extend and export

A lo-fi track that only plays for 30 seconds is not very useful. In the Tracks timeline, select all the clips from your two- or four-bar loop and duplicate them to fill 2–3 minutes. Add subtle variation — a filter sweep on the chords at the halfway point, a bar where the hi-hats drop out, an extra percussion hit in the last quarter of the track. These small touches make the track feel alive rather than mechanical.

When you are satisfied with the arrangement, use the export function to bounce the full mix to WAV for a lossless master, or MP3 if you are sharing it immediately. Your project stays in your browser — nothing is uploaded to a server. See How to export your song to MP3 or WAV for the step-by-step on choosing export settings.

Frequently asked questions

What BPM is lo-fi hip-hop?

Most lo-fi hip-hop sits between 70 and 90 BPM. The most common range is 75–82 BPM. Slower tempos feel more relaxed and meditative; anything above 90 starts to feel more energetic and drifts toward traditional boom-bap or chill hop. Set your tempo and let it run for a minute before programming anything — the feel of the tempo matters more than the exact number.

Do I need jazz theory to make lo-fi chords?

No. You need to know that the genre uses four-note chords with the 7th added — and that minor 7ths and major 7ths are the most common. If you do not know how to build those, try this: pick any root note, count up four half-steps for the second note, count up three more for the third, count up four more for the fourth. That gives you a minor 7th chord. For a major 7th, count four, then three, then four half-steps. Drag those four notes into the piano roll and loop them. Adjust by ear until it sounds right.

How do I make the drums sound less robotic?

Two controls make the biggest difference: swing and velocity. Enable swing in the drum machine and raise it to 55–65%. Then open the velocity editor and vary the hi-hat velocities — make every other hit quieter, or vary them randomly so no two consecutive hits are the same volume. A little velocity variation on the kick and snare also helps. The goal is not perfect randomness — it is just enough imprecision that the pattern does not sound like it was generated by a calculator.

Can I use a sample loop instead of programming drums?

Yes. Load the drum loop audio file into the 16-pad sampler or drag it into an audio track in the arrangement view. Use the time-stretch feature to match the loop's tempo to your project tempo. Once it is locked in, you can layer additional drum hits from the 808 drum machine on top — often adding a stronger kick underneath a sampled loop improves the punch without replacing the feel of the original loop.

What is the difference between lo-fi and chill hop?

The terms are often used interchangeably but chill hop tends to be slightly faster (85–100 BPM) and cleaner-sounding — it may not have the deliberate tape degradation and vinyl crackle of classic lo-fi. Lo-fi hip-hop explicitly mimics the imperfections of vintage recording equipment. In practice, both genres use the same core tools: jazz-inflected chords, a swinging drum groove, and a relaxed, unhurried tempo.

Does Tracks save my project automatically?

Your project is saved locally in your browser's storage and never leaves your device. There is no cloud backup. To make sure you do not lose work, export your project file (the .tracks.json format) to your downloads folder regularly, especially before closing the tab. You can reload it later by importing the project file back into the studio.