Astro LilyPond

astro-lilypond is an Astro integration for displaying musical notation on the web.

Write LilyPond inside Markdown…

```lilypond
  \relative c' {
    c4 d e f |
    g a b c~ |
    \fermata c1 \bar "|."
  }
```

…and it renders as music notation.

Features

Text to SVG or PNG

Render musical scores via Markdown or with a <LilyPond> component.

Easy setup

Works with both unified() and satteri() Markdown processors out-of-the-box.

Ships zero JS

Images are compiled at build time, keeping your site fast.

Full LilyPond support

Works with all LilyPond display syntax.

Get StartedInstall astro-lilypond and render music notation on your site.

Star on GitHubCheck out the source code and leave a star.