Bass Fretboard Lab

A playable full-neck instrument tool with bass/guitar modes, note highlighting, markings, multi-colour chord marks, chord playback and a draggable chord timeline, arpeggio mode and a synced piano view. Built as a single local HTML file.

v20 · multi-colour chord marks · piano view
Bass: 4-string or 5-string. Guitar: 6-string standard.
Use wide mode when you want easier clicking on the high frets.
Equal spacing is now the default because it is much easier to read and click.
Toggle note names for the fretboard and piano. Shift-click a note to spell it as a flat.
Good for practicing pentatonic, modal and blues shapes across the complete neck.
Volume45%
Length0.9s
BPM 90
Chord mode off
Chord Timeline Drag chord blocks to reorder. Copy a block to make that chord play twice. Add pause blocks between chords.
If the timeline is empty, playback uses the numbered colours in order. If the timeline has blocks, playback follows this timeline and loops it.
active / highlighted markedClick or touch a fret to play it.
Ready. Shift-click a note for flat spelling.
Piano translation view Everything you highlight or mark on the fretboard is mirrored here as piano keys. Marked fretboard pitches keep their chord colours here. When colours overlap, piano keys split into horizontal bands.

Auto range follows the current instrument and tuning. Click a piano key to hear the same synth tone.

Chord Overview · each colour gets its own fretboard and piano preview.
No chord colours marked yet.
Note—
String—
Fret—
Frequency—
MIDI—
Shift + left click = spell the clicked note as a flat, for example C# becomes Db.
Mark mode = click notes to save or remove dots.
Note names = toggle a clean neck or full labels.
G key = quick switch between bass and guitar.
Made by Bas Arkes · Fretboard Lab