Musical keyboard component written in React.

react components piano piano-keyboard pianoforte music instrument musical-keyboard keyboard midi

TheoryOfNekomata bc2c997c93 Fix metrics, SSR support Add SSR support by checking to render server-side or client-side. Also made key offsets as trade-off of accuracy and pixel-perfectness.		4 yıl önce
.storybook	Initial commit	4 yıl önce
src	Fix metrics, SSR support	4 yıl önce
.editorconfig	Initial commit	4 yıl önce
.gitignore	Fix metrics, SSR support	4 yıl önce
.npmignore	Update dependency list	4 yıl önce
.prettierrc	Initial commit	4 yıl önce
LICENSE	Initial commit	4 yıl önce
README.md	Initial commit	4 yıl önce
package.json	Fix metrics, SSR support	4 yıl önce
tsconfig.json	Make accidentals more prominent	4 yıl önce
yarn.lock	Remove extraneous dependency	4 yıl önce

README.md

Musical Keyboard

Musical keyboard component written in React.

Installation

yarn add @theoryofnekomata/react-musical-keyboard

Usage

import * as React from 'react'
import ReactDOM from 'react-dom'
import Keyboard from '@theoryofnekomata/react-musical-keyboard'

const App = () => {
  return (
    <div>
      <Keyboard startKey={21} endKey={108}/>
    </div>
  )
}

const container = window.document.createElement('div')

ReactDOM.render(<App />, container)

window.document.body.appendChild(container)

License

MIT. See License file for details.