soundcn: 700+ Free UI Sounds for Modern Web Apps

Source: Dev.to

Overview

soundcn is a free, open‑source registry of 700+ UI sound effects for React apps, installable via the shadcn CLI in a single command.

Key highlights

• 700+ sounds: clicks, notifications, transitions, game sounds, voiceovers, and more
• Each sound is a self‑contained TypeScript module with an inline base64 data URI
• Includes a useSound hook powered by the Web Audio API
• Zero runtime dependencies
• All sounds are CC0‑licensed (sourced from Kenney)
• Files copy directly into your project — no package to manage

If you’ve been putting off adding audio feedback to your UI because the setup felt like more trouble than it’s worth, soundcn makes it a one‑liner.

Resources

• 👉 Blog Post
• 👉 GitHub Repo
• 👉 Preview All Sounds