@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.
Install this registry
npx shadcn@latest add https://soundcn.xyz/r/registry.json pnpm dlx shadcn@latest add https://soundcn.xyz/r/registry.json bunx shadcn@latest add https://soundcn.xyz/r/registry.json curl -s https://soundcn.xyz/r/registry.json Components
60 totalTypeScript type definitions for soundcn sound assets.
npx shadcn@latest add https://soundcn.xyz/r/sound-types.json 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 Framework-agnostic audio engine using Web Audio API. Zero dependencies.
npx shadcn@latest add https://soundcn.xyz/r/sound-engine.json 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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