Skip to Content
ReactABCScore

ABCScore

The <ABCScore> component renders ABC notation on screen.

Installation

pnpm add @music-ui/react

Usage

The following code renders a score with the passed notes:

import { ABCScore } from "@music-ui/react";
 
function App() {
  return (
    <main>
      <h1>My App</h1>
      {/* rest of your app */}
      <ABCScore>
        M:4/4
        CDEF GABc|
      </ABCScore>
    </main>
  );
}

Without time signature:

With free tempo:

Last updated on
IndexABCScoreWithPlayer