react-sounds 🔊

Hundreds of ready-to-play sound effects for your React applications

Add delight to your UI with just a few lines of code

Demo •
Documentation •
Sound Explorer

✨ Why react-sounds?

- 🪶 Lightweight: Only loads JS wrappers, audio files stay on CDN until needed
- 🔄 Lazy Loading: Sounds are fetched only when they're used
- 📦 Offline Support: Download sounds for self-hosting with the included CLI
- 🎯 Simple API: Intuitive hooks and components
- 🔊 Extensive Library: Hundreds of categorized sounds (UI, notification, game)

🚀 Quick Start

``bash
npm install react-sounds howler


or


yarn add react-sounds howler
`

`tsx
import { useSound } from 'react-sounds';

function Button() {
const { play } = useSound('ui/button_1');

return (
play()}>
Click Me

);
}
``

📚 Documentation

For complete documentation including advanced usage, visit reactsounds.com/docs

🎮 Live Demo

Try the interactive demo at reactsounds.com

🔍 Explore All Sounds

Browse and play all available sounds at reactsounds.com/sounds

💻 Browser Support

Works in all modern browsers that support the Web Audio API (Chrome, Firefox, Safari, Edge)

📄 License

MIT © Aedilic Inc.

---

Made with ♥ by Aedilic Inc