Learn the Guitar Fretboard with fretMonkey

Learning the guitar is a journey that combines theory, practice, and a deep understanding of the fretboard. Visualising scales, modes, and notes across the guitar neck is essential for advancing your skills. fretMonkey is a simple web application designed as an reference guide to ease the learning experience.

TL;DR - Jump straight to fretMonkey

fretmonkey Fretboard Visualisation
Fig 1. fretMonkey

Background

The goal of building this interactive tool, is to make it easier to learn the fretboard. I wanted something that works nicely on my smartphone. Traditional diagrams and static charts can be limiting and other apps didn't work as I wanted them to.

How it works

fretMonkey presents a virtual guitar fretboard where you can highlight scales, modes, positions, or single notes.

The interface is simple and designed for clarity.

fretmonkey All Notes fretmonkey B Notes
Fig 2. fretMonkey all or single notes

Technologies

fretMonkey is a modern responsive web application built with JavaScript (ES6 modules & Web Components). It is lightweight, fast, and requires no installation.

Source Code

The source code for fretMonkey is available on GitHub:

Demo