kapishdima

kapishdima / soundcn

Public

700+ curated UI sound effects for modern web apps. Browse, preview, and install sounds with a single command. Free and open source

www.soundcn.xyz
359
14
100% credibility
Found Feb 17, 2026 at 220 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
TypeScript
AI Summary

soundcn is a website to browse, preview, and install hundreds of free UI sound effects directly into web projects as simple code snippets.

How It Works

1
🌐 Discover free sounds

You stumble upon a fun website full of short, satisfying sound effects for buttons, notifications, and games.

2
🔍 Browse and search

Scroll through categories like clicks or game sounds, search by name, and hover to preview them instantly.

3
🎵 Hear your favorites

Click any sound to play it fully and imagine it in your app – it feels magical and exciting!

4
📋 Copy install code

Select one or many sounds, switch your setup style if needed, and copy the ready-to-use snippet with one tap.

5
💻 Paste into your project

Drop the code into your app files and import the sound – no extra files or hassle.

6
▶️ Play the sound

Hook it to a button or event, and hear your perfect click or whoosh come alive!

✨ App sounds amazing

Your web app now delights users with polished audio feedback, making every interaction fun and professional.

Sign up to see the full architecture

5 more

Sign Up Free

Star Growth

See how this repo grew from 220 to 359 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is soundcn?

soundcn delivers 700+ curated UI sound effects—like clicks, notifications, and game chimes—for modern web apps, solving the hassle of sourcing free samples, handling licenses, and wiring up audio without heavy libraries. Built in TypeScript for React projects, it integrates via shadcn CLI: browse and preview at soundcn.xyz, then install any sound with `npx shadcn add @soundcn/click-soft`. Sounds embed as self-contained modules with a zero-dep `useSound` hook using Web Audio API—no external files or CORS headaches.

Why is it gaining traction?

It hooks shadcn/ui users with one-command installs that drop ready-to-play sounds directly into your codebase, plus a slick site for instant previews and batch selection. Free CC0 assets from sources like Kenney mean no licensing drama, and the inline base64 approach keeps bundles tiny while dodging runtime fetches—perfect for apps needing polish without bloat. At 182 stars, it's buzzing in React circles for making audio feel native.

Who should use this?

Frontend devs on Next.js or React apps adding subtle feedback to buttons, modals, or dashboards—think SaaS tools, mobile web PWAs, or lightweight games. Ideal for shadcn/ui fans prototyping UIs with notifications, toggles, or transitions, or anyone ditching generic SoundCloud grabs for production-ready effects.

Verdict

Grab it if you're in the shadcn ecosystem—quick wins for UI delight outweigh the early-stage vibes (182 stars, 1.0% credibility score signals room for more tests/docs). Solid for prototypes; monitor for broader adoption.

(198 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.