Create chord diagrams for guitar, ukulele, and bass. Choose from chord library or build custom fingerings. Export as PNG or SVG.
Generate clean fretboard chord diagrams for guitar, ukulele, and bass. Pick an instrument and a chord from the built-in library, or build your own fingering by clicking directly on the fretboard, then export the diagram as a high-resolution PNG or a scalable SVG. Each diagram shows finger-position dots, open (O) and muted (X) string markers, barre bars where needed, optional finger numbers, and the instrument tuning along the bottom. This is a musical chord-chart tool, not a data-visualization chord diagram.
Initializing in your browser…
Convert raster images (PNG, JPG) to scalable SVG vector graphics. Black & white or color tracing with adjustable threshold, smoothing, blur, and path options.
Create sprite sheets from multiple images with JSON metadata, or slice existing sprite sheets into individual frames. Perfect for game development.
Generate favicons and app icons in all required sizes. Supports iOS, Android, Windows, and web platforms with one-click preset generation.
You are writing guitar tab and need a clean G-major chord diagram to embed in a lesson PDF.
Input
Guitar · G major · fingering 3-2-0-0-0-3
Output
An SVG fretboard diagram with dots, finger numbers, and open/muted markers
The diagram renders strings, frets, and finger positions to standard notation conventions, exported as crisp SVG for print. It removes the tedium of drawing fretboards by hand for teaching material.
Generate clean fretboard chord diagrams for guitar, ukulele, and bass. Pick an instrument and a chord from the built-in library, or build your own fingering by clicking directly on the fretboard, then export the diagram as a high-resolution PNG or a scalable SVG. Each diagram shows finger-position dots, open (O) and muted (X) string markers, barre bars where needed, optional finger numbers, and the instrument tuning along the bottom. This is a musical chord-chart tool, not a data-visualization chord diagram.
Add clear chord charts to lesson sheets, songbooks, and beginner guides for guitar, ukulele, or bass.
Document the exact fingerings used in a progression so others can play it the same way.
Build and export an unusual or higher-neck fingering that is not in the standard library.
Drop the SVG into a website or scale it up for print without any loss of sharpness.
The diagram is drawn as an SVG fretboard sized to the selected instrument: 6 strings tuned E A D G B E for guitar, 4 strings tuned G C E A for ukulele, and 4 strings tuned E A D G for bass, each showing a 5-fret window. The built-in library covers common open and barre shapes - major, minor, and 7th chords for guitar (C, D, E, F, G, A, B and their minor and 7th variants), a starter set of ukulele shapes, and bass root-position and power-chord patterns. Barre chords automatically render a rounded bar across the spanned strings, and shapes that sit higher up the neck (like B or Gm) show a starting-fret indicator instead of the nut. You can also type a custom chord name and click cells on the fretboard to place fingers, with the top row toggling each string between open and muted.
Export runs entirely in the browser. SVG export serializes the live diagram so it stays crisp at any size and can be edited in Illustrator, Inkscape, or Figma. PNG export rasterizes the SVG onto a canvas at 3x scale over a dark background for a sharp bitmap. You can also copy the raw SVG markup to the clipboard. Display options let you toggle finger numbers and tuning labels and pick from five accent color schemes (blue, green, purple, orange, red).
Guitar (6 strings, standard EADGBE tuning), ukulele (GCEA), and bass (EADG). Each diagram shows a 5-fret window with the correct string count and tuning.
Yes. Type a chord name and click cells on the fretboard to place fingers. Clicking the top row toggles each string between open and muted.
Yes. SVG export gives you a scalable vector version you can edit in Illustrator, Inkscape, or Figma. You can also export a 3x PNG or copy the raw SVG markup.
Both are optional toggles. Turn on finger numbers to label which finger plays each note, and tuning labels to show the open-string notes along the bottom.
Images are decoded, edited, and exported entirely inside this browser tab. No originals, exports, or metadata are uploaded.