xiry.

Development · Web app

Cuelume

Synthesized Web Audio interaction sound library with zero audio files.

From the Xiry library · Updated 10 October 2026

Visit cuelume-site.pages.dev ↗

Cuelume is a tiny JavaScript library that generates interface sounds on the fly using the browser's Web Audio API. It eliminates audio asset downloads by synthesizing clicks, keystrokes, selections, and status alerts directly in code. You can attach sounds declaratively using HTML data attributes or trigger them programmatically in JavaScript.

What it's for

  • Add tactile auditory feedback to button clicks, toggles, and form inputs
  • Provide non-visual status cues for successful actions or application errors
  • Integrate lightweight UI sound effects without loading static MP3 or WAV files

Features

  • Zero audio assets needed, synthesizing all cues live with Web Audio
  • Extremely lightweight bundle footprint under 7 kB with zero dependencies
  • Declarative markup support via data-cuelume-* attributes
  • Programmable JS API with custom volume, theme, and emphasis controls
  • 14 curated UI cues designed for specific interface actions
  • Context-aware audio adjustments based on input type and interaction speed

Pricing

Open source. Free (MIT License)

Details

Type
Web app
Category
Development
Topic
UI Libraries
Open source
Yes
Platforms
Web, Code library
For
Front-end developers and UI/UX designers looking to add lightweight auditory feedback to web apps.
Alternative to
use-sound, Howler.js
Tags
web audio, ui sound, javascript, sound effects, frontend

Why it was saved

  • @dwhitedesign, 16 July 2026: Ready-made crisp, tactile interface sounds (clicks, toggles, error tones) that make UIs feel alive without shipping audio files.

Related

  • Motion

    Open-source animation library for React, Vue, and vanilla JavaScript

  • Anime.js

    Lightweight, modular JavaScript animation engine for CSS, SVG, and DOM elements

  • GSAP

    High-performance JavaScript animation library for web elements, SVG, and canvas.

  • COBE

    Lightweight 5KB WebGL globe with CSS anchor positioning support

  • cuelume

    Synthesized Web Audio interaction sound library with zero audio files.

  • nstr

    JavaScript utility to stringify numbers without floating-point UI artifacts

Updated