/fretboarder

🎸 A web app to visualize scales, chords and arpeggios on all kinds of fretboards.

Primary LanguageJavaScriptMozilla Public License 2.0MPL-2.0

A white icon of a an acoustic guitar and a white text saying Fretboarder over a bright blue background.

Ride your fretboard and take your guitar skills to the next level! 🤘

A screenshot of the app in usage.

Fretboarder is a web app to visualize the layout of scales and arpeggios on a variety of fretboards. It aims to help players get a better grasp on scales, and ultimately to become a flexible learning and practicing tool for musicians interested in music theory and improvisation.

Highlights

🎸 Customize the instrument

Choose between a variety of instruments (from ukulele to 11-string guitar) and tunings, set the length of the fretboard, and switch between left- and right-handed fretting.

🍰 Overlay scales and arpeggios

The main feature that distinguishes Fretboarder from other similar apps is the ability to display several sequences of notes on the same fretboard. You can overlap scales and arpeggios, display their intersections and select specific positions on the neck.

💻 Use on any device

The UI has been designed to be simple and intuitive, and to work on both desktop and mobile devices. Dark mode included!

Contributing

Contributions are welcomed! See CONTRIBUTING.md.

Supporting the app

Become a patron!

You can support my work on Fretboarder by donating on my Patreon or my PayPal page. Plenty of cool features are coming, such as:

  • an audio player to listen to the scales
  • a tool to help learn & practice positions
  • a chord chart builder to follow along with backtracks
  • and more!

Credits & acknowledgements

The dark mode colorscheme is heavily borrowed from the Vue Dark Mode project.

License

This software is distributed under the Mozilla Public License 2.0.

Other related tools & resources

  • All Guitar Chords - A compilation of scales, chords, arpeggios, licks, and more
  • ChordMaster 2000 - A tool to practice and memorize chords
  • ChordPic - A chord diagram generator, with lots of options to fine-tune the looks
  • Fretmap - A very nice looking fretboard visualizer
  • Glorious Voice Leader - Helps you find chord voicings that lead smoothly from one chord to the next
  • Guitar Practice Loop - Practice various scales with accompanying audio
  • Guitar Recorder - Display and compose ASCII tablatures with an interactive fretboard
  • Guitar Scientist - A fretboard diagram generator with tons of options to customize the result
  • GuitarStreams - An interactive fretboard for guitar and ukulele players
  • JGuitar - An extensive collection of tools regarding chords and music theory
  • Johann - A fretboard visualizer (with an accompanying piano version)