sh4dcnv2 · atlas
← libraries

@soundcn

An open-source registry of 700+ short UI sound effects (game sounds, interface clicks, notifications, transitions, retro bleeps) installable via the shadcn CLI. Each sound is a self-contained TypeScript module with an inline base64 data URI and a useSound hook backed by the Web Audio API — zero external files, no runtime fetching, no CORS issues. Also includes a World of Warcraft sound collection (non-commercial). Most sounds are CC0-licensed (Kenney). Use for: adding subtle audio feedback to interactive React elements (buttons, toasts, drag-and-drop) without any dependency on external audio-hosting services or heavy audio libraries.

60 components react shadcn-cli MIT

Install this registry

shadcn (npm) npx shadcn@latest add https://soundcn.xyz/r/registry.json
pnpm pnpm dlx shadcn@latest add https://soundcn.xyz/r/registry.json
bun bunx shadcn@latest add https://soundcn.xyz/r/registry.json
fetch registry curl -s https://soundcn.xyz/r/registry.json

Components

60 total
Sound Types lib

TypeScript type definitions for soundcn sound assets.

npx shadcn@latest add https://soundcn.xyz/r/sound-types.json
useSound hook

A lightweight React hook for playing sound effects using the Web Audio API. Zero dependencies.

npx shadcn@latest add https://soundcn.xyz/r/use-sound.json
Sound Engine lib

Framework-agnostic audio engine using Web Audio API. Zero dependencies.

npx shadcn@latest add https://soundcn.xyz/r/sound-engine.json
Click 8-Bit block

A short, retro-style digital click sound, perfect for actions in a vintage game or pixel-art UI.

npx shadcn@latest add https://soundcn.xyz/r/click-8bit.json
Click Soft block

A very subtle and gentle click, suitable for minimal UI interactions where a quiet confirmation is desired.

npx shadcn@latest add https://soundcn.xyz/r/click-soft.json
Switch On block

A distinct, upward-moving sound indicating a toggle or switch has been activated, ideal for turning on a setting or feature.

npx shadcn@latest add https://soundcn.xyz/r/switch-on.json
Switch Off block

A distinct, downward-moving sound indicating a toggle or switch has been deactivated, perfect for turning off a setting or feature.

npx shadcn@latest add https://soundcn.xyz/r/switch-off.json
Notification Pop block

A friendly, short popping sound that signals a new notification or a subtle alert, suitable for toast messages or incoming pings.

npx shadcn@latest add https://soundcn.xyz/r/notification-pop.json
Success Chime block

A clear, positive chime sound indicating a successful action or completion, ideal for form submissions or task achievements.

npx shadcn@latest add https://soundcn.xyz/r/success-chime.json
Error Buzz block

A short, slightly harsh buzz indicating an error or invalid action, perfect for form validation failures or incorrect inputs.

npx shadcn@latest add https://soundcn.xyz/r/error-buzz.json
Hover Tick block

A very subtle, quick tick sound, best used to provide discreet auditory feedback when a user hovers over an interactive element or focuses on it.

npx shadcn@latest add https://soundcn.xyz/r/hover-tick.json
Jump 8-Bit block

A classic 8-bit upward 'boing' sound effect, ideal for character jumps or upward movements in a retro-style game.

npx shadcn@latest add https://soundcn.xyz/r/jump-8bit.json
Coin Collect block

A cheerful, distinct sound of a coin being collected, perfect for rewarding players in a game or marking a successful item pickup.

npx shadcn@latest add https://soundcn.xyz/r/coin-collect.json
Arcade Mode block

A short, energetic fanfare announcing the start of an arcade game mode, often featuring retro elements.

npx shadcn@latest add https://soundcn.xyz/r/arcade-mode.json
Back 001 block

A very quick, subtle sound effect suitable for navigating back in a UI or undoing a simple action.

npx shadcn@latest add https://soundcn.xyz/r/back-001.json
Back 002 block

A slightly more pronounced but still short sound for navigating back or cancelling an action in a UI.

npx shadcn@latest add https://soundcn.xyz/r/back-002.json
Back 003 block

A brief, crisp sound indicating a backward navigation or an action reversal within an application.

npx shadcn@latest add https://soundcn.xyz/r/back-003.json
Back 004 block

A concise sound effect for going back in a sequence or returning to a prior state in an interface.

npx shadcn@latest add https://soundcn.xyz/r/back-004.json
Battle Mode block

An impactful, intense sound effect signifying the initiation of a battle sequence or a competitive game mode.

npx shadcn@latest add https://soundcn.xyz/r/battle-mode.json
Begin block

An inspiring and clear sound effect marking the start of a game, level, or significant activity.

npx shadcn@latest add https://soundcn.xyz/r/begin.json
Belt Handle 1 block

A subtle, mechanical click or adjustment sound, suitable for interacting with a virtual belt or strap handle.

npx shadcn@latest add https://soundcn.xyz/r/belt-handle-1.json
Belt Handle 2 block

A distinct, slightly more prominent mechanical sound for operating a belt or strap handle, suggesting a firm action.

npx shadcn@latest add https://soundcn.xyz/r/belt-handle-2.json
Bong 001 block

A short, resonant 'bong' sound, useful for a clear, attention-grabbing notification or an important alert.

npx shadcn@latest add https://soundcn.xyz/r/bong-001.json
Book Close block

A soft, conclusive thud indicating the closing of a virtual book or document within an interface.

npx shadcn@latest add https://soundcn.xyz/r/book-close.json
Book Flip 1 block

A gentle, quick page-turning sound, ideal for navigating through virtual book pages or scrolling content.

npx shadcn@latest add https://soundcn.xyz/r/book-flip-1.json
Book Flip 2 block

A distinct, medium-paced sound of a page being flipped, suggesting a deliberate action in a digital book or catalog.

npx shadcn@latest add https://soundcn.xyz/r/book-flip-2.json
Book Flip 3 block

A quick, crisp page-turning sound, suitable for rapid page navigation or content scrolling in a virtual book.

npx shadcn@latest add https://soundcn.xyz/r/book-flip-3.json
Book Open block

A soft, inviting sound indicating the opening of a virtual book or accessing new content.

npx shadcn@latest add https://soundcn.xyz/r/book-open.json
Book Place 1 block

A soft thud or gentle drop sound, perfect for placing a virtual book or item onto a surface.

npx shadcn@latest add https://soundcn.xyz/r/book-place-1.json
Book Place 2 block

A slightly more pronounced impact sound for placing a virtual book or object, conveying a definite placement.

npx shadcn@latest add https://soundcn.xyz/r/book-place-2.json
Book Place 3 block

A concise sound effect for placing a virtual book, indicating a quick and secure positioning of an item.

npx shadcn@latest add https://soundcn.xyz/r/book-place-3.json
Card Fan 1 block

A gentle, quick fanning sound of virtual cards, suitable for showing a hand of cards or quick selection.

npx shadcn@latest add https://soundcn.xyz/r/card-fan-1.json
Card Fan 2 block

A more extended and distinct fanning sound of multiple cards, ideal for presenting a full hand or larger card collection.

npx shadcn@latest add https://soundcn.xyz/r/card-fan-2.json
Card Place 1 block

A subtle thud as a single virtual card is placed onto a surface, ideal for casual card games.

npx shadcn@latest add https://soundcn.xyz/r/card-place-1.json
Card Place 2 block

A clear, short sound of a virtual card being placed, suggesting a deliberate and firm action in a card game.

npx shadcn@latest add https://soundcn.xyz/r/card-place-2.json
Card Place 3 block

A distinct, medium-length sound of a virtual card being positioned, indicating a considered placement.

npx shadcn@latest add https://soundcn.xyz/r/card-place-3.json
Card Place 4 block

An extended, subtle sound of a virtual card being placed, useful for a smooth, unhurried placement animation.

npx shadcn@latest add https://soundcn.xyz/r/card-place-4.json
Card Shove 1 block

A quick, decisive sound of a virtual card being shoved or pushed, suitable for repositioning or discarding.

npx shadcn@latest add https://soundcn.xyz/r/card-shove-1.json
Card Shove 2 block

A distinct, firm sound of a virtual card being shoved, implying a more forceful or confident action.

npx shadcn@latest add https://soundcn.xyz/r/card-shove-2.json
Card Shove 3 block

A short, clear sound of a card being briskly shoved, useful for rapid card manipulation actions.

npx shadcn@latest add https://soundcn.xyz/r/card-shove-3.json
Card Shove 4 block

A slightly extended and crisp sound of a card being shoved, perfect for a deliberate and audible card movement.

npx shadcn@latest add https://soundcn.xyz/r/card-shove-4.json
Card Shuffle block

The sound of virtual cards being shuffled, creating an authentic atmosphere for card games or randomizing elements.

npx shadcn@latest add https://soundcn.xyz/r/card-shuffle.json
Card Slide 1 block

A quick, subtle slide sound for a single virtual card, ideal for minor adjustments or moving cards gently.

npx shadcn@latest add https://soundcn.xyz/r/card-slide-1.json
Card Slide 2 block

A distinct, short sliding sound for a virtual card, suggesting a deliberate movement or placement.

npx shadcn@latest add https://soundcn.xyz/r/card-slide-2.json
Card Slide 3 block

A smooth, medium-length sliding sound for a virtual card, suitable for an unhurried, controlled movement.

npx shadcn@latest add https://soundcn.xyz/r/card-slide-3.json
Card Slide 4 block

A quick, soft slide sound for a virtual card, perfect for swift and quiet card movements.

npx shadcn@latest add https://soundcn.xyz/r/card-slide-4.json
Card Slide 5 block

A clear, concise sliding sound for a virtual card, indicating a decisive and efficient movement.

npx shadcn@latest add https://soundcn.xyz/r/card-slide-5.json
Card Slide 6 block

A smooth, distinct sliding sound for a virtual card, suitable for a controlled and audible repositioning.

npx shadcn@latest add https://soundcn.xyz/r/card-slide-6.json
Card Slide 7 block

A slightly extended, gentle sliding sound for a virtual card, suggesting a deliberate but unforced movement.

npx shadcn@latest add https://soundcn.xyz/r/card-slide-7.json
Card Slide 8 block

A prolonged, smooth sliding sound for a virtual card, ideal for long-distance card movements or sweeping actions.

npx shadcn@latest add https://soundcn.xyz/r/card-slide-8.json
Cards Pack Open 1 block

A distinct ripping or tearing sound indicating the opening of a virtual card pack, often used for revealing new items.

npx shadcn@latest add https://soundcn.xyz/r/cards-pack-open-1.json
Cards Pack Open 2 block

A slightly softer, more subtle sound for opening a virtual card pack, for a less dramatic reveal of content.

npx shadcn@latest add https://soundcn.xyz/r/cards-pack-open-2.json
Cards Pack Take Out 1 block

A subtle rustling sound as virtual cards are taken out of a pack, ideal for confirming card retrieval.

npx shadcn@latest add https://soundcn.xyz/r/cards-pack-take-out-1.json
Cards Pack Take Out 2 block

A crisp, short sound of cards being taken out of a pack, ideal for a UI action confirming selection or removal of an item from a collection.

npx shadcn@latest add https://soundcn.xyz/r/cards-pack-take-out-2.json
Championship Mode block

An impactful, declarative sound announcing a "championship mode," perfect for the start of a special game event or activation of a premium feature.

npx shadcn@latest add https://soundcn.xyz/r/championship-mode.json
Chip Lay 1 block

A subtle, quick sound of a single chip being laid down, suitable for placing an item, confirming a small selection, or a subtle UI interaction in a game.

npx shadcn@latest add https://soundcn.xyz/r/chip-lay-1.json
Chip Lay 2 block

A clear, distinct sound of a single chip being laid down, ideal for confirming a selection, placing a token, or a moderate UI interaction.

npx shadcn@latest add https://soundcn.xyz/r/chip-lay-2.json
Chip Lay 3 block

A slightly more prominent sound of a single chip being laid down, suitable for a game action like placing a bet or confirming an important choice.

npx shadcn@latest add https://soundcn.xyz/r/chip-lay-3.json
Chips Collide 1 block

A brief, light sound of chips colliding, useful for subtle feedback when items briefly touch or for a minor physics interaction in a UI.

npx shadcn@latest add https://soundcn.xyz/r/chips-collide-1.json
Chips Collide 2 block

A quick, clear sound of chips colliding, appropriate for a short interaction where items bump or for a distinct feedback in a game inventory.

npx shadcn@latest add https://soundcn.xyz/r/chips-collide-2.json