ChordSketch

Playground

Try the parser and renderers in your browser. Pick a format below.

ChordPro

Parse and render .cho sheets to HTML, plain text, and PDF. Inline chord brackets, sections, transpose, capo.

Open ›

iReal Pro

Render irealb:// URLs as iReal Pro charts. SVG preview with PNG / PDF export.

Open ›

Docs

Embedding recipes for @chordsketch/react, per-component API reference, and cross-binding render / transpose guides.

Open ›

Live in your framework

The same engine, embedded through each UI package. The ChordPro playground above is the @chordsketch/react surface.

Vue

Editable <ChordTextarea> + <Transpose> from @chordsketch/vue, running as a Vue 3 app.

Open ›

Svelte

The same embed from @chordsketch/svelte, running as a Svelte 5 app.

Open ›