Skip to content
Mavrick Blackburn
All projects

Case study

SoundWeaver

52 real UI sound effects, and a hook to play them.

Role
Design and build
Status
Unreleased
SoundWeaver screenshot

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