VexFlow 4 Tutorial

Below, we demonstrate different ways to display a VexFlow score in your project.

1 - <script> tag

The quickest way is to add <script> tags into a static HTML page.

First, we add a <script> tag to include the VexFlow library.

<script src="https://cdn.jsdelivr.net/npm/vexflow/build/cjs/vexflow.js"></script>

...

Common JS vs ES Module

...

2 - Node.js

...

3 - TypeScript

...