Presets
💬 Say hi / suggest a feature

Say hi to the creator, suggest the next free tool, or request a feature you'd like to see.

140
⚙ Settings
Theme
Changes the interface and fretboard wood. Note colors stay the same.
Note Names
Accidentals
Display in Fretboard
Intervals require a Root note (Ctrl+click) to be set on each fretboard.
🎙 Strum Input Device Audio input used for strum detection. Open Settings while Strum is ON to refresh the device list.
? Help & Shortcuts
🖱 Mouse
Click on dim noteHighlight the note across the whole fretboard
Click on highlighted noteUn-highlight it (keeps it visible)
Click on visible noteHide it from the fretboard
Ctrl + ClickSet / unset that note as Root
Alt + ClickHide / show that specific note at that exact fret & string
Shift + ScrollZoom in / out on fret width
⠿ Drag & Drop
Drag ⠿ handleReorder fretboards. A mini-map appears for quick navigation.
⬜ Box Select
Drag on fretboardDraw a selection rectangle — notes inside are highlighted in orange
DELHide all selected notes at those exact positions (same as Alt+click, one by one)
EscapeCancel the selection without hiding anything
Ctrl+ZUndo the hide after pressing DEL
Box Select example
🎨 Note Colors
Color of noteDegree relative to Root: 🔴 Root · 🔵 2nd · 🟢 3rd · 🟡 4th · 🩶 5th · 🟣 6th · 🟠 7th
Interval displayEnable in Settings to show P1, m2, M2… instead of note names
💾 Presets
Right-click presetDuplicate or Rename it
Save (empty name)Overwrites the currently loaded preset
Export / ImportSave presets to a .json file and restore them anytime
🎼 Scale Tools — Fill modes & Harmonize

After selecting a root note and a scale in the ♩ Scale row and pressing Apply, two additional tools become available depending on the scale type.

⇶ Fill modesOnly for modal scale families (Major Modes, Melodic Minor, Harmonic Minor, Harmonic Major). Populates every page with one mode of the selected scale. Move root — each page has a different root (e.g. C Ionian → D Dorian → E Phrygian…). Keep root — all modes are transposed to start from the same root note.
⊛ HarmonizeCreates one page per scale degree, each page showing the chord built on that degree. Works on any scale that has a root (tonic) set.

1 3 5 · Triads — builds a 3-note chord per degree (e.g. C Melodic Minor → Cm · Dm · Eb+ · F · G · A° · B°).
1 3 5 7 · Sevenths — builds a 4-note chord per degree (e.g. CmΔ7 · Dm7 · Eb+Δ7 · F7 · G7 · Aø7 · Bø7).

The full parent scale stays visible as dim circles on every page — giving you the harmonic context at a glance. Note colors follow the chord root: 🔴 Root · 🟢 3rd · 🩶 5th · 🟠 7th.
♩ SCALE C Melodic Minor Apply ⊛ Harmonize 1 3 5 · Triads 1 3 5 7 · Sevenths Result — 7 chord pages (C Melodic Minor): Cm Dm Eb+ F G
📄 Pages — Multiple configurations per fretboard

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.

PAT: 7, 1 7/7 + page prev page / add pattern page total page
← 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)
+ buttonCreate a new empty page. Each page stores its own note selection and root independently.
PAT: 1,3,2,1Custom page order for auto-advance. Numbers are 1-based page numbers, duplicates allowed. Leave empty for sequential (1→2→3→…).
🥁 Metronome Sync — Auto-advance pages in musical time

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 1 bars auto on / off fade 0ms
change every NAdvance 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 buttonToggles 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 knobCrossfade duration when switching pages. 0ms = instant snap. Drag up or scroll to increase up to 2000ms. Double-click to reset.
🔁 Guitar Looper — Practice with your own backing track

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 buttonOpens the looper panel next to the fretboard. Click again to close it.
Metronome modeSelect Metronome in the looper. Set BPM, time signature and number of measures, then record your layers.
Page auto-advanceWhile 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 controlThe 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 → PlayResuming always restarts from the very beginning of the loops, so you are never left mid-phrase when you come back in.
⬡ Chord Charts — Visual chord diagrams

Click ⬡ Chords in the toolbar to show the chord diagram panel below any fretboard. Add, edit and organize chord charts visually — they are saved with the fretboard and exported with it.

+ Add chordCreates a blank 5-fret chord diagram. Click on any cell to place or remove a dot. Dots inherit the interval color of the note (root = red, 3rd = green, 5th = gray…) if a tonic is set on that fretboard.
Drag chord to fretboardDrop a chord chart onto the fretboard to highlight exactly those notes on the full neck — useful for seeing a voicing in full context.
Chord name fieldClick the "Chord name…" label below each diagram to name it.
− 5fr + / fret numberShift the diagram's starting fret. The fret number shown on the left indicates which position on the neck the diagram represents.
🖨 Export as PDFPrints all chord charts for that fretboard as a clean grid — note colors are preserved in the PDF export.
Export / Import JSONSave and restore chord charts as a .json file — useful for sharing chord sets.
Chord Charts panel
🎙 Strum Detection — Hands-free page turns

Click 🎙 Strum in the toolbar to enable microphone-based strum detection. Every time the audio level crosses the noise gate threshold, the fretboard advances to the next page — no keyboard or mouse needed while you play.

🎙 Strum (toolbar)Toggles strum detection on/off. A floating badge appears when the toolbar scrolls off screen so you can always see whether it is active.
Input deviceSelect which microphone or audio interface to use in ⚙ Settings → 🎙 Strum Input Device. Open Settings while Strum is ON to refresh the device list.
Noise gateAdjust the sensitivity threshold in Settings so that ambient noise is ignored but a clear strum triggers the advance.
Works with pagesStrum detection cycles through all pages of a fretboard in order — combine it with a custom PAT: pattern to create non-linear sequences.
+ Add Fretboard ⬇ Export PDF ✕ Clear All ⬡ Chords 🎙 Strum off ● active 🎙 Strum ↑ floating badge — stays visible when toolbar scrolls off-screen
⬇ Export PDF — Print all fretboards

Click ⬇ Export PDF in the toolbar to open a print-ready view of all fretboards. Each fretboard is labelled and every page (slot) is rendered as a separate diagram in the PDF.

Fretboard labelThe board's name (click the title to rename) appears as a heading in the PDF — e.g. "Fretboard 1 — Chord Charts".
One page per slotIf a fretboard has multiple pages (from Fill Modes, Harmonize, or manual additions), each slot is printed as its own diagram with the slot label as its subtitle.
Note colors in PDFInterval colors (root, 3rd, 5th…) are fully preserved in the print output — same colors you see on screen.
Chord Charts PDFThe separate 🖨 button inside the Chord Charts panel exports only the chord diagrams for that fretboard, not the full neck.
Export PDF tooltip Export PDF output
💡 Quick start — Looper + auto page change
  1. Add 2+ pages to a fretboard using +. Highlight different notes on each page.
  2. Optionally set a PAT: pattern (e.g. 2,1,3,1) and change every N bars.
  3. Click 🔁 Looper, switch to Metronome mode, set BPM and time sig.
  4. Press ▶ Play (with or without recorded layers) — a countdown starts and pages begin advancing in sync.
  5. Record layers over the top at any time using Overdub to build your backing track while you practice.
💡 Quick start — standalone metronome + pages
  1. Add 2+ pages to a fretboard using +. Highlight different notes on each page.
  2. Optionally type a pattern in PAT: — e.g. 2,1,3,1 — to define the page order.
  3. Set change every to how many bars between switches.
  4. Open the 🥁 Metronome, set your tempo, and press ▶ Play. Pages advance in sync.

This tool is free — and it always will be. If you've found it useful, or you simply enjoy seeing independent developers build things like this, the best way to support this work is to give JumpMarkers a try. It's a free Chrome extension built for people who learn music from YouTube — mark exact moments in a song, loop sections while you work out the notes, scrub frame by frame with audio to catch every detail, and organize everything into folders by song or technique.

🔖 Try JumpMarkers — Free

Guitar Fretboard Visualizer — Free Interactive Scale & Note Map

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.

Features

How to use the guitar fretboard visualizer

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.

Great for guitar players and music students

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.

👇
👇