Open-source sound effects and react library to spice up your website
Hi all, I've been using sound effects in a few web-projects lately (mostly for notifications) and it's always a pain to find good sound effects and then handle them in the browser. So, I compiled my learnings into an easy-to-use React library. It currently has ~70 sound effects (MIT licensed) and I'm happy to add more if you have any requests. PS. the sound effects can of course be used without the React library!
Open-source sound effects and react library to spice up your website launched on April 30, 2025 with 21 votes, #922 of 7,818 launches that month and more than 90% of that year's launches. The site was still online in September 2026, 1 year on.
In plain words
This project provides a collection of approximately 70 MIT-licensed sound effects designed for web applications, particularly notifications. It includes a React library that simplifies integrating audio into React projects, though the sound effects can also be used independently. The library addresses the common challenge of finding quality sound effects and managing them efficiently in the browser, making it useful for web developers looking to add audio feedback to their applications.
written from the facts on this page · September 2026
From the sources
react-sounds - Hundreds of ready-to-play sound effects for your React applications with a simple API, lazy loading, and offline support.
Does a similar job
all alternatives →
Use-sound, a React hook for sound effects on the web2020 · joshwcomeau.com · ▲131By 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
Antd – A set of high-quality React components2016 · ant.design · ▲507Following the Ant Design specification, we developed a React UI library antd (Pronunciation) that contains a set of high quality components and demos for building rich, interactive user interfaces.
- PSProfessional sound effects for UI projects2014 · soundkit.io · ▲166
A 64-step drum sequencer I built using React and Redux2021 · sequencer64.com · ▲327An intuitive 64-step drum sequencer progressive web app built using React, Redux, and Tone.js
I reverse engineered top websites to build an animated UI library2025 · reverseui.com · ▲156Looking at websites such as Clerk, I began thinking that design engineers might be some kind of wizards. I wanted to understand how they do it, so I started reverse-engineering their components out of curiosity. One thing led to another, and I ended up building a small library of reusable, animated components based on what I found. The library is built in React and Framer Motion. I’d love to hear your feedback
More dev tools this month
the category →
open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.
Dev tools · 28d ago · github.com
Contribute to reladraw/reladraw development by creating an account on GitHub.
Dev tools · 26d ago · github.com
OpenBot▲362Grok Bot alternative: free, local, open-source, multiplayer
Dev tools · 23d ago · openbot.run
Talanoa▲346Hi 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 · 21d ago · talanoa.email
CoreSpeed▲332One MCP for everything your agents need: apps, memory, tools
Dev tools · 29d ago · corespeed.io
Source: Show HN post ↗
Launched alongside, April 2025
the whole month →
Hi everyone, I built PyXL — a hardware processor that executes a custom assembly generated from Python programs, without using a traditional interpreter or virtual machine. It compiles Python -> CPython Bytecode -> Instruction set designed for direct hardware execution. I’m sharing an early benchmark: a GPIO test where PyXL achieves a 480ns round-trip toggle — compared to 14-25 micro seconds on a MicroPython Pyboard - even though PyXL runs at a lower clock (100MHz vs. 168MHz). The design is stack-based, fully pipelined, and preserves Python's dynamic typing without static type restrictions.…
Dev tools · 2025 · runpyxl.com
The Unsure Calculator is an online tool that lets you calculate with numbers you’re not sure about.
Life & fun · 2025 · filiph.github.io
https://the-pocket.github.io/Tutorial-Codebase-Knowledge/
AI · 2025 · github.com
