react-sounds

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

npm install react-sounds howler
# or
yarn add react-sounds howler

import { useSound } from 'react-sounds';

function Button() {
  const { play } = useSound('ui/button_1');
  
  return (
    <button onClick={() => play()}>
      Click Me
    </button>
  );
}

📚 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