tetuaoro / react-guitar-lyrics

Is a fork project. Easy to use. Follow this link.

react-guitar-lyrics

This component shows a guitar chord above the lyrics in the form of text or svg diagram. This project is a sub project of Guitar-Editor.

Screenshots

or

How to run

$ npm install

$ npm start

How to use

[Chord Name] Lyrics...

<Lyrics isEmbedChord={true}>
    [F] Good morning!
</Lyrics>

All Chords

Advanced

Chord component

If you are interested in the Chord component, please check this out.

Guitar tabs editor

If you like this project, maybe you love my Guitar-Editor. You can edit a guitar tab with the online editor.