Fretboard.js is

  • a guitar/bass fretboard SVG visualisation
  • a set of music oriented tools - as scale boxes, arpeggios and chord shapes
  • an API for user interaction.


I created this utility with two purposes in mind: as an educator, to enhance my tuition material, and as a student to better visualise my own exercises.

The UI ecosystem already has very good fretboard libraries, but my use case was different and none of them could fulfill all my needs, so in order to keep my skills fit I wrote it from scratch.

As I was moving from rhythm / mainly chord based playing to exploring lead guitar, the dev process helped me in getting a deeper understanding of the fretboard structure.