How to make bossa nova in your browser

By Tongkit Leong · November 14, 2026 · 7 min read

Bossa nova is a soft, straight-eighth groove built on a repeating two-bar guitar rhythm, mellow seventh and ninth chords, and a bass that alternates root and fifth. You can program all of it in the Tracks browser studio for free, with no install and no account.

What makes bossa nova sound like bossa nova

• A syncopated two-bar rhythm played on a nylon-string guitar, repeated almost unchanged through the whole song.
• Straight eighths, not swing. Bossa grew out of samba and cool jazz, but it does not use a swung feel.
• Jazz harmony with major sevenths, minor sevenths, ninths, and thirteenths, usually moving through ii-V-I patterns.
• A steady, quiet bass that outlines the root and fifth of each chord.
• Low volume everywhere. The style is intimate, so every part sits back.

Tracks has the pieces you need: a piano roll, SoundFont (.sf2) playback for guitar-style sounds, the drum machines, and a mixer with reverb and compression.

Step 1: Set a relaxed tempo

Open the studio and set the BPM between 120 and 140. That number looks fast, but the sparse, soft notes make it feel unhurried. Leave swing off. If you want to compare, our jazz guide uses swing, and the contrast is the quickest way to hear the difference between the two styles.

Step 2: Program the bossa rhythm

Add an instrument track with a nylon guitar or a soft electric piano, and draw the chord rhythm in the piano roll. Count eighth notes as 1 and 2 and 3 and 4 and. The classic pattern over two bars looks like this:

• Bar one: beat 1, the "and" of 2, the "and" of 3, and beat 4.
• Bar two: the "and" of 1, beat 2, the "and" of 3, and beat 4.

Make every chord short, about an eighth note long, so the guitar sounds plucked and not strummed. Then loop the two bars. Part of the charm of bossa is that this pattern barely changes.

If you do not have a guitar sound, load a nylon guitar from a SoundFont file, or use a mellow electric piano. See SoundFont instruments explained for how to load one.

Step 3: Voice mellow chords

A simple loop to start from is Dm9, G13, Cmaj9, Am7, which is a ii-V-I followed by a vi chord. Keep the notes in the middle of the keyboard and move each note the shortest distance to the next chord, so the harmony glides instead of jumping.

You do not need every note of a big chord. Three or four notes with a seventh or ninth in them are enough, and a thinner voicing leaves more room for the bass and melody.

Step 4: Write the bass

Add a bass track. In each bar, play the root on beat 1 and the fifth on beat 2, then repeat that in the second half of the bar. Keep notes slightly short so they stay clear and do not blur into the guitar. If the bass sounds boomy, see the high-pass filter guide for cleaning up the low end on the other tracks.

Step 5: Add a light drum pattern

Open the drum machine and keep it understated:

• A cross-stick or rim sound on the accents of the guitar pattern, at low velocity.
• A closed hi-hat playing steady eighth notes, very quiet.
• A soft kick on beats 1 and 3.

Vary the velocities slightly so the groove feels played, not copy-pasted. If you want it looser, the humanize setting helps.

Step 6: Add a melody

Use a flute, vibraphone, or soft synth lead. Write a mostly stepwise melody with long notes that land slightly off the beat, so it floats over the steady rhythm. You can write it by hand in the piano roll, or record it live with a MIDI keyboard and then fix a few notes afterward.

Step 7: Mix it quietly

1. Set the faders first: bass and guitar balanced, drums quieter than both, melody on top.
2. Add a short room reverb on a send, not a long hall, so the sound stays close.
3. Use gentle compression or none at all. Bossa depends on soft dynamics.
4. Leave a few dB of headroom on the master.

When you are happy, export a WAV or MP3. The walkthrough is in How to export your song to MP3 or WAV. Your project stays in your browser the whole time, and Tracks never uploads it.

Frequently asked questions

What tempo is bossa nova?

Most bossa nova sits between 120 and 140 BPM in 4/4. Because the rhythm is sparse and quiet, it feels slower than the number suggests.

Is bossa nova swung?

No. Bossa nova uses straight eighth notes. The syncopation comes from where the chords land, not from delaying every second eighth note.

What chords are used in bossa nova?

Major seventh, minor seventh, dominant seventh, and ninth or thirteenth chords, often in ii-V-I progressions. Dm9, G13, and Cmaj9 is a common starting point.

Can I make bossa nova without a real guitar?

Yes. Use a nylon guitar from a SoundFont file or an electric piano and write the pattern in the piano roll. Short, soft notes matter more than the exact instrument.