cuelume

v0.1.0 · 10 cues · 0 deps

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

Sound palette press a cue, or type 1–0

Interaction patterns live

data-cuelume-hover fine-pointer hover Docs Examples Changelog

data-cuelume-press+ data-cuelume-release

data-cuelume-toggle

Install

$ npm install cuelume

Usage

<!-- one attribute per behavior -->
<button data-cuelume-press data-cuelume-release>Save</button>
<a data-cuelume-hover="tick">Docs</a>
<button data-cuelume-toggle>Dark mode</button>

import { bind, play } from "cuelume";

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

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