React Guitar – A guitar component for React

Does the same job

RG
Randomly generated metal riffs using Web Audio API and React2016 · djen.co · ▲275
A6
A 64-step drum sequencer I built using React and Redux2021 · sequencer64.com · ▲327
KS
Karplus-Strong Guitar Synthesizer in JavaScript2015 · amid.fish · ▲171
IG
Interactive guitar scales diagrams2018 · grunfy.com · ▲277
RF
React for Beginners2015 · reactforbeginners.com · ▲178
RG
React-guitar-chord, a react component for chord name to guitar diagram2024 · github.com · ▲6
I made a pretty simple react component that takes in a chord name and spits out a guitar chord diagram. So far it has no regard for playability or bar chords or any alternate positions, and doesn't ensure that all the notes of a complex chord are played. It has a bias towards open notes so with enough alterations it tends toward an open strum. Still, it's pretty accurate for simpler 3 or 4 note chords. I think my next step will be ensuring that 4 or less fretted notes are included in a chord diagram, using bar chords and moving up the neck if needed.

TL
The load-bearing vocabulary of Claude▲703
Life & fun · 10d ago · louisabraham.github.io
iPhone app takes simultaneous images from 2 lenses, fuses into 1 photo▲329
Photosynthesis fires two of your iPhone
Life & fun · 28d ago · photosynthesis.camera
SoloUno▲310
Take control of hair pulling, nail biting & skin picking
Life & fun · 28d ago · solouno.io
Scroll through all 43252003274489856000 Rubik's Cube states▲295
Scroll through all 43,252,003,274,489,856,000 reachable Rubik's Cube permutations.
Life & fun · 26d ago · everycube.alen.is
Expeditione▲265
The Interactive 3D Encyclopedia
Life & fun · 21d ago · expeditione.fun
Eigendrum - Draw any shape and hear what it sounds like as a drum▲243
Hi HN, I built Eigendrum, a web tool that solves the 2D wave equation for arbitrary shapes so you can hear what they sound like as drums. How it works: * Solves -∇²u = λu using finite element analysis (Kφ = λMφ) on a triangle mesh. * Validated to <0.1% error against closed-form solutions for circles (Bessel zeros) and rectangles. * Sound model factors in strike location, Rayleigh damping, and mallet width. * Includes Kac drums I & II to demonstrate identical sound spectra from different geometries. * No frameworks, build steps, or dependencies. Repo and tests:…
Life & fun · 27d ago · baselashraf81.github.io

mmhmm▲1,538
Bring yourself and your personality into your video chats
Work · 2020 · airtime.com
TB
TinyPilot – Build a KVM over IP using a Raspberry Pi▲756
Life & fun · 2020 · mtlynch.io
3B
3D Book Image CSS Generator▲638
Life & fun · 2020 · 3d-book-css.netlify.app
Unstack▲613
The world's fastest free all-in-one website builder
Growth · 2020
PA
Primo – all-in-one IDE, CMS, component library, static site generator▲575
Life & fun · 2020 · primo.af
Product Hunt Mentors Network▲539
Book 1 to 1 meetings with industry experts
Life & fun · 2020