https://github.com/pianosnake/uke-chord

Web Component/HTML element for tab chord diagrams using SVG
https://github.com/pianosnake/uke-chord

chord-diagram guitar guitar-chords tab tabulature uke-chord ukulele ukulele-chords webcomponent

Last synced: 14 days ago
JSON representation

Web Component/HTML element for tab chord diagrams using SVG

• Host: GitHub
• URL: https://github.com/pianosnake/uke-chord
• Owner: pianosnake
• Created: 2016-02-07T06:34:52.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2020-08-22T18:23:08.000Z (over 4 years ago)
• Last Synced: 2025-03-22T13:06:52.835Z (about 1 month ago)
• Topics: chord-diagram, guitar, guitar-chords, tab, tabulature, uke-chord, ukulele, ukulele-chords, webcomponent
• Language: HTML
• Homepage: https://pianosnake.github.io/uke-chord/
• Size: 152 KB
• Stars: 47
• Watchers: 4
• Forks: 4
• Open Issues: 5
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# <uke-chord>

A Web Component element for a tab chord diagrams using SVG graphics with no framework dependencies. Can be used for guitar, ukulele, 7 string guitar, 5 string charango, 3 string mountain dulcimer, etc...

![alt tag](https://pianosnake.github.io/uke-chord/example.png)

### Usage

Include the following script tag in the head section of your page:

```

```

Then start using the custom element. See more [examples and a live demo here](https://pianosnake.github.io/uke-chord/).

```

  

```

## Develop

Download this repo and submit pull requests.

## License

[MIT License](http://opensource.org/licenses/MIT)