Astro LilyPond

Render text to music notation with Astro.

Write LilyPond inside Markdown…

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

…and it renders as music notation.

npx astro add astro-lilypond

Text to .svg, .png, and .pdf

Render musical scores via Markdown or with an Astro component.

Easy setup

Works with remark and satteri Markdown processors out-of-the-box.

Zero client-side JavaScript

Built for static sites. Images are compiled at build time, keeping your site fast.

Accessible

Automatic alt text from the score's title and composer. (Or supply your own.)

Built-in content loader

Pass in a folder full of .ly files, get back an Astro content collection with metadata.

Full LilyPond support

Works with all LilyPond syntax. Check out the examples to see what's possible!