UISFX : 936 sons pour donner un langage sonore à vos interfaces
⏱️ Temps de lecture estimé : 3 minutes
📌 UISFX est une bibliothèque open source de sons d’interface : 78 signaux sémantiques déclinés en 12 personnalités sonores, soit 936 sons prêts à l’emploi pour une app web, une app mobile, un SaaS ou un jeu.
Le son reste souvent l’angle mort des produits numériques. On soigne la typographie et le pixel, puis un « bip » générique vient casser l’ensemble au moment du paiement. Trouver des effets cohérents, bien découpés et correctement licenciés demande du temps ou un budget. UISFX attaque exactement ce problème avec un système complet, pas une collection de fichiers en vrac.
L’idée qui fait la différence : chaque son est désigné par son intention, pas par sa texture. Le code appelle success, drop ou level-up, et la bibliothèque joue la bonne variante dans le pack actif. Douze packs implémentent chacun l’intégralité des signaux — de minimal, sec et presque invisible, à arcade et ses pixels joyeux, en passant par mechanical pour les devtools ou zen pour les outils d’écriture. Changer toute la personnalité sonore d’un produit tient en une ligne, ui.setPack('arcade'), sans toucher à la logique applicative.
Côté contenu, on trouve 72 one-shots très courts — hover, delete, purchase, undo — et 6 boucles pour les états continus : loading, processing, recording, connecting, scanning, streaming. Une boucle se stoppe dès que l’état se résout, réussite ou échec. Le runtime Web Audio pèse 12 Ko compressé, sans aucune dépendance, et synthétise les sons localement à partir de recettes déterministes : rien n’est téléchargé au moment de la lecture. Pour le natif — React Native, Swift, Kotlin, Unity, Godot — les 936 fichiers MP3 et Ogg sont livrés dans le package : 5,18 Mo en MP3, 3,82 Mo en Ogg.
Je trouve l’approche sémantique vraiment convaincante. Séparer l’intention du timbre évite que chaque équipe réinvente son vocabulaire sonore, et le site permet d’écouter une même action dans les douze packs avant de choisir. On tranche en quelques minutes, casque aux oreilles.
- 🎛️ 12 personnalités sonores interchangeables sans toucher au code
- 🔁 72 one-shots et 6 boucles synchronisées avec les états visibles
- 🪶 12 Ko de runtime Web Audio, zéro dépendance, aucun fichier téléchargé à la lecture
- 📦 MP3 et Ogg inclus pour React Native, Swift, Kotlin, Unity ou Godot
- ⚖️ Code sous licence MIT, audio dans le domaine public (CC0)
Le projet garde la tête froide : le son doit renforcer le retour visuel, jamais le remplacer. La documentation insiste sur un réglage muet persistant, sur le refus de distinguer succès et erreur par le son seul, et sur un démarrage après une interaction explicite. Reste la vraie difficulté, éditoriale celle-là : résister à l’envie de sonoriser absolument tout, hover compris.
UISFX est disponible sur npm (version 0.4.0, environ 6 700 téléchargements par semaine, 822 étoiles sur GitHub). De quoi donner une vraie voix à un produit, même sans budget audio.
Sources
