Fretzee Visual Showcase

Explore pre-configured fretboard rendering examples including horizontal necks, vertical chord charts, custom color markers, and bass fretboards.

1. Standard 6-String Guitar (Horizontal)

12-fret horizontal neck layout with standard fret inlays at frets 3, 5, 7, 9, and 12.

2. Vertical Chord Diagrams

Vertical chord chart layouts featuring open string markers, finger numbers, and custom root note highlight colors.

C Major
G Major
A Minor

3. 4-String Bass Guitar

Horizontal 4-string bass neck configuration with root and octave fingering highlights.

4. Configurable Starting Fret (High Position Chords)

Render chord diagrams starting at higher neck positions (e.g. fret 5 and fret 7) with starting fret indicators and absolute inlay numbering.

Am Barre (Fret 5)
Bm Barre (Fret 7)

5. Diagram Titles

Render custom title text headers above fretboard diagrams with configurable alignment (center or left).

Centered Title
Left-Aligned Title

6. Decoupled Music Catalog (FretzeeMusic)

Query real chord definitions independently from the standalone FretzeeMusic catalog library (dist/music.umd.js) and pass them to Fretboard.

Fmaj7 (from FretzeeMusic)
E7 (from FretzeeMusic)