Case study
SoundWeaver
52 real UI sound effects, and a hook to play them.
- Role
- Design and build
- Status
- Unreleased
01/05
The landing page: 52 real UI sound effects, playable in place. 
The board: all 52 sounds grouped by category, each tile playing the real file. Nothing loads until you touch it. 
What the library is and what it deliberately is not. 
How to call it from your own code. 
Install.
Overview
A labelled library of pre-rendered interface sounds — clicks, toggles, success, error, notifications, rewards — with a React useSound hook and a framework-agnostic manager. Every sound is an ordinary WAV played through HTMLAudioElement: no Tone.js, no Web Audio oscillators, nothing synthesised at runtime, so playback is instant and free of browser audio-policy surprises. Each one is tagged by tone, character and intensity, so picking the sound for a checkout button versus a destructive delete is a decision rather than a guess. Global mute, persisted volume, reduced-motion support. MIT, about 900 KB, and installable as a Claude Code plugin.
Technology
- JavaScript
- React
- Python
- HTML & CSS
- Cloudflare Workers
- Git & GitHub