Music Notation

Chord diagrams, piano keyboards, fretboards and ChordPro charts, drawn from small text blocks. It works in Obsidian (with the Music Practice plugin), on Obsidian Publish, and on any web page.

Chord diagrams, a piano chord, a keyboard, a fretboard and a chord chart

Blocks: the syntax of each block, with live results.
Examples: a gallery of chords, keyboards, fretboards and charts, drawn live.
Playground: write a block and see it drawn as you type.
Obsidian Publish: show the blocks on your Publish site.
JavaScript API: render blocks from your own code.

A block with a mistake shows a short message saying what’s wrong, and its source stays visible.