Looks nice! I‘m currently working on something similar based on vue:<p><a href="https://fretty.app" rel="nofollow">https://fretty.app</a><p>It‘s a work in progress but you can already play around with scales and different tunings
Very nice! I have been working on a triad and inversion practice tool in React and may seriously consider rewriting it to use your component. <a href="https://porkloin.github.io/triad-practice-mk2/" rel="nofollow">https://porkloin.github.io/triad-practice-mk2/</a><p>Any chance that the fingering indicators can take text or color? I use that a lot in my current tool. Not to rush you with feature requests or anything :p
The best interactive guitar UI I've ever found is all-guitar-chords.com and I use several of its features regularly. It might not be built with the hotness but the reverse scale and reverse chord features are really nice and the main use case I can think of for using something like this. I'd like to see this as an open source library and I've started on attempts several times but never finished.
I think what would be cool is a "core" functional library written in typescript with all the basic well-unit-tested functions that could be used across different js libraries.
Then, for react, a library like react-table that just exposes the functions via hooks (headless/agnostic to ui). then the user could implement the UI as they please using the hooks.<p>Edit: _Obviously_ this project looks really cool and I love react so I'll be playing around with it for sure. Props to the author.
Very cool! Too bad we only have one cursor...it'd be cool to have friends join in as extra "fingers" and play melodies in a QWOP-like fashion :P
Pro classical guitar teacher here.<p>Thank you for your great work! I see some wonderful potential educational uses for this. If you'd like further feedback, please don't hesitate to get in touch!
If there is anyone with experience on theming React components I would be really happy to have some ideas/help on how to add support for guitar themes/skins:<p><a href="https://github.com/4lejandrito/react-guitar/issues/5" rel="nofollow">https://github.com/4lejandrito/react-guitar/issues/5</a>
Very clever. Took me a second to figure out how to mute a string. I figured it out, and I can't think of a better way, but otherwise it was quite easy to figure out.