Cuelume – Tiny interaction sounds that make interfaces feel alive

lumannnn1 pts0 comments

Cuelume — interaction sounds for the web<br>Tiny interaction sounds that make interfaces feel alive.<br>Cuelume synthesizes every cue live with Web Audio — no files, no runtime<br>dependencies. Everything below runs on the real library.

Sound palette press a cue, or type 1–0<br>idle — Hz · — s

chime sparkle droplet bloom whisper tick press release toggle success

Interaction patterns live<br>data-cuelume-hover<br>fine-pointer hover Docs Examples Changelog<br>data-cuelume-press+ data-cuelume-release Save Saved<br>data-cuelume-toggle

Install<br>$ npm install cuelume

Usage<br>index.html app.ts

data-cuelume-press data-cuelume-release>Save<br>data-cuelume-hover="tick">Docs<br>data-cuelume-toggle>Dark mode import &lbrace; bind, play &rbrace; from "cuelume";

bind(); // wires every data-cuelume-* attribute

play("success"); // or play imperatively

cuelume data interaction press sounds release

Related Articles