# Cuelume

> Synthesized Web Audio interaction sound library with zero audio files.

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.

Website: https://cuelume-site.pages.dev/

## What it is 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](https://xiry.app/topics/development.md)
- 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](https://x.com/dwhitedesign/status/2077695569317802384): Ready-made crisp, tactile interface sounds (clicks, toggles, error tones) that make UIs feel alive without shipping audio files.

## Related

- [Motion](https://xiry.app/resources/motion): Open-source animation library for React, Vue, and vanilla JavaScript (Website, Freemium)
- [Anime.js](https://xiry.app/resources/anime-js): Lightweight, modular JavaScript animation engine for CSS, SVG, and DOM elements (Website, Open source)
- [GSAP](https://xiry.app/resources/gsap): High-performance JavaScript animation library for web elements, SVG, and canvas. (Website, Freemium)
- [COBE](https://xiry.app/resources/cobe): Lightweight 5KB WebGL globe with CSS anchor positioning support (Web app, Open source)
- [cuelume](https://xiry.app/resources/cuelume-3005): Synthesized Web Audio interaction sound library with zero audio files. (Web app, Open source)
- [nstr](https://xiry.app/resources/nstr): JavaScript utility to stringify numbers without floating-point UI artifacts (Web app, Free)

Updated 10 October 2026. Page: https://xiry.app/resources/cuelume

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.