nowfound

Dev tools · July 26, 2020

React Guitar

A beautiful and flexible guitar component for React.

React Guitar launched on July 26, 2020 with 67 votes, #766 of 4,305 launches that month and more than 75% of that year's launches. The site was still online in September 2026, 6 years on.

What it does

A beautiful and accessible guitar component for React.

Does a similar job

all alternatives →
  • React Guitar – A guitar component for React2020 · react-guitar.com · ▲242

    A beautiful and accessible guitar component for React.

  • 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.

  • Guitar Dashboard – Open source music theory explorer for guitarists2018 · guitardashboard.com · ▲590

    A free, open source, music theory explorer for guitarists. Discover how scales and modes map to the fretboard and how chords work within scales.

  • A 64-step drum sequencer I built using React and Redux2021 · sequencer64.com · ▲327

    An intuitive 64-step drum sequencer progressive web app built using React, Redux, and Tone.js

  • Material Tailwind Kit React2021 · creative-tim.com · ▲151

    Free Tailwind CSS & React UI Kit

  • Use-sound, a React hook for sound effects on the web2020 · joshwcomeau.com · ▲131

    By and large, using the web is a visual experience. This is in terrible contrast to mobile apps, which interact with three of our human senses (sight, sound, and touch, through haptic feedback). I just released a library to make it easy to add sound to your React app, and I make the case that you sh

More dev tools this month

the category →
  • Contribute to oosexgang/hackios-xnu-kernel development by creating an account on GitHub.

    Dev tools · 5d ago · github.com

  • /dev/null▲503

    a social network for devs

    Dev tools · 8d ago · dev-null.sh

  • OpenBot▲362

    Grok Bot alternative: free, local, open-source, multiplayer

    Dev tools · 28d ago · openbot.run

  • Talanoa▲346

    Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

    Dev tools · 26d ago · talanoa.email

  • myPip▲273

    Vibe code, publish, and monetize games with AI

    Dev tools · 12d ago · mypip.dev

  • Doneas▲272

    A daily accountability call with other entrepreneurs.

    Dev tools · 19d ago · doneas.com

Source: Product Hunt launch ↗

Launched alongside, July 2020

the whole month →