Qu'il s'agisse d'une application, d'un site web ou d'une vidéo, un effet sonore bien choisi (un clic, une notification, un impact, une transition, un jingle) apporte souvent un petit plus. Encore faut-il le trouver : cela implique généralement de fouiller plusieurs banques de sons, de vérifier les licences, puis de télécharger les fichiers un par un. Une bibliothèque open source regroupe plus de 700 effets sonores courts, classés par catégories et écoutables en ligne, pour couvrir ces différents usages.

soundcn est une bibliothèque open source de plus de 700 effets sonores : sons d'interface (clics, notifications, transitions), impacts, bruits de pas, jingles, sons de jeu, etc. Ils sont classés par catégories et peuvent être écoutés directement sur le site avant d'être récupérés.

Le projet est pensé pour les développeurs et s'appuie sur le registre de composants de shadcn : chaque son s'installe via la CLI shadcn en une seule commande, sous forme de fichier TypeScript autonome directement intégré à votre projet.

Pour une application ou un site web, il suffit de parcourir le catalogue sur soundcn et de copier la commande associée, par exemple :

npx shadcn add @soundcn/click-soft

Une fois le fichier généré dans votre projet, il ne reste plus qu'à l'utiliser avec le hook fourni :

import { useSound } from "@/hooks/use-sound";
import { clickSoftSound } from "@/sounds/click-soft";

const [play] = useSound(clickSoftSound);

Un appel à play() suffit ensuite à déclencher la lecture du son, par exemple au clic sur un bouton. Le projet cible principalement les applications React et Next.js, mais rien n'empêche d'adapter l'intégration à d'autres frameworks puisque les fichiers générés reposent sur la Web Audio API native.

Pour une vidéo, inutile de passer par un projet web : chaque son est exposé au format JSON sur le site, avec le MP3 encodé en base64. La commande suivante (Linux, macOS ou Git Bash sous Windows) le décode en fichier audio, à importer ensuite dans votre logiciel de montage. Remplacez click-soft par le nom du son voulu :

curl -s https://www.soundcn.xyz/r/click-soft.json | grep -oE 'base64,[A-Za-z0-9+/=]+' | cut -c8- | base64 -d > click-soft.mp3

À noter : parmi les sons disponibles, 110 proviennent de World of Warcraft et restent la propriété de Blizzard Entertainment. Ils sont mis à disposition à titre éducatif et non commercial uniquement, contrairement au reste de la collection sous licence CC0, ce qui les exclut par exemple d'une vidéo monétisée. Le projet lui-même est distribué sous licence MIT, et son code source est disponible sur son dépôt GitHub.