react-guitar

A beautiful and accessible guitar component for React.

Usage no npm install needed!

<script type="module">
  import reactGuitar from 'https://cdn.skypack.dev/react-guitar';
</script>

README

React-Guitar · npm version

A beautiful and accessible guitar component for React.

See https://react-guitar.com for a live demo.

For the full documentation go to the root README.

Screenshot of the rendered component with an E major chord

Edit quizzical-dawn-0hzuq

Usage

npm i react-guitar

import React from 'react'
import { render } from 'react-dom'
import Guitar from 'react-guitar'

render(
  <Guitar strings={[0, 1, 2, 2, 0, -1]} />,
  document.getElementById('root')
)

Check out the storybook for more advanced examples.

Developing

  • yarn start will spin up the storybook.
  • yarn build will generate the production scripts under the dist folder.