Highlight notes across the neck · Multiple fretboards · Save named presets · Free forever
Say hi to the creator, suggest the next free tool, or request a feature you'd like to see.
| Click on dim note | Highlight the note across the whole fretboard |
| Click on highlighted note | Un-highlight it (keeps it visible) |
| Click on visible note | Hide it from the fretboard |
| Ctrl + Click | Set / unset that note as Root |
| Alt + Click | Hide / show that specific note at that exact fret & string |
| Shift + Scroll | Zoom in / out on fret width |
| Drag ⠿ handle | Reorder fretboards. A mini-map appears for quick navigation. |
| Drag on fretboard | Draw a selection rectangle — notes inside are highlighted in orange |
| DEL | Hide all selected notes at those exact positions (same as Alt+click, one by one) |
| Escape | Cancel the selection without hiding anything |
| Ctrl+Z | Undo the hide after pressing DEL |
| Color of note | Degree relative to Root: 🔴 Root · 🔵 2nd · 🟢 3rd · 🟡 4th · 🩶 5th · 🟣 6th · 🟠 7th |
| Interval display | Enable in Settings to show P1, m2, M2… instead of note names |
| Right-click preset | Duplicate or Rename it |
| Save (empty name) | Overwrites the currently loaded preset |
| Export / Import | Save presets to a .json file and restore them anytime |
Each fretboard can hold up to 10 independent pages, each with its own highlighted notes, root and visibility. Great for alternating between chord inversions, positions along the neck, or scale patterns.
| ← N/M → | Navigate between existing pages. The + button replaces → when you're on the last page. |
| Arrow keys ← → | Same as above — keyboard shortcut (only when no text input is focused) |
| + button | Create a new empty page. Each page stores its own note selection and root independently. |
| PAT: 1,3,2,1 | Custom page order for auto-advance. Numbers are 1-based page numbers, duplicates allowed. Leave empty for sequential (1→2→3→…). |
When the metronome plays, pages advance automatically every N bars. The controls below appear on the right side of the SHOW row once a fretboard has 2 or more pages.
| change every N | Advance to the next page every N bars. Accepts decimals when using the Looper — 0.25 = 1 beat, 0.5 = half bar, 1.25 = 1 bar + 1 beat (in 4/4). Integer values work with both the Looper and the standalone Metronome. |
| auto button | Toggles automatic page turning on or off. When lit (purple), pages advance every N bars in sync with the metronome. Click to pause auto-advance at any time — the metronome keeps playing and the "change every" value is preserved. Click again to resume. |
| fade knob | Crossfade duration when switching pages. 0ms = instant snap. Drag up or scroll to increase up to 2000ms. Double-click to reset. |
Click 🔁 Looper in the toolbar to open the looper panel side-by-side with the fretboard. In Metronome mode the looper's clock drives the page auto-advance — so your scale patterns change in musical time with your own recorded loops.
| 🔁 Looper button | Opens the looper panel next to the fretboard. Click again to close it. |
| Metronome mode | Select Metronome in the looper. Set BPM, time signature and number of measures, then record your layers. |
| Page auto-advance | While the looper plays in Metronome mode it sends beat signals to the fretboard — "change every N bars" works exactly the same as with the standalone metronome. |
| Speed control | The speed slider scales both audio playback rate and metronome tempo by the same ratio, so the click always matches the tempo of your loops. |
| Pause → Play | Resuming always restarts from the very beginning of the loops, so you are never left mid-phrase when you come back in. |
2,1,3,1) and change every N bars.2,1,3,1 — to define the page order.This free guitar fretboard visualizer lets you map any scale, mode, or chord across the entire neck. Select a root note and instantly see every position highlighted with color-coded intervals — perfect for understanding music theory, learning the fretboard, or practicing scale patterns.
Click any cell on the neck to toggle a note on or off. Use the note palette below each board to select notes by name. Set a tonic (root note) to enable interval color coding. Add extra boards with + Add Fretboard to compare positions up and down the neck. Use presets to save your favorite scale and mode setups for quick recall during a practice session.
Whether you are learning your first pentatonic scale, mapping out the modes of the major scale across the whole neck, or building a reference sheet for a specific song, this tool gives you a clear, interactive guitar neck diagram you can customize and print in seconds — completely free, no account needed.