Sound Lab • Web Audio API

Describe a UI sound, get runnable code, then hear it instantly.

Type something like "trash can unfavorite", "success ping", or "soft hover tick." The dashboard turns that into a Web Audio synth recipe, shows the code, and lets you audition it in-browser.

Prompt builder

Use plain language. The generator maps your description to a short synthesized sound recipe instead of trying to fetch external audio files.

Ready. Press Generate sound to build a fresh snippet, then Play sound to hear it.

Quick prompts

These fill the prompt box and regenerate the snippet.

Audio preview

The playback uses a live AudioContext, an analyser for the meter, and one-shot nodes for each audition.

Output level
Tip: browsers may require the first playback to happen after a click before audio can resume.

Generated code

This snippet is standalone JavaScript. Paste it into your app and call the generated function from a user gesture such as a button click.

Help keep the lab running and fund more experiments like this
☕ Buy me a sustainable coffee