Verceluses Cuelume in fx

Interfaces that sound as good as they feel.

Fourteen interaction sounds for the web, synthesized live. Nothing to download, nothing to configure.

Get startedHear the cues

Fourteen cues, one for each job.

Each card draws its cue's own envelope. Press one, or play them from the keys.

tapGlassy tap over a soft knock

What people said.

Featured on Best Designs On

  • love them!

    James McDonaldLovable

  • Seriously cool.

    Des TraynorIntercom

  • your work is great

    Jordi EnricSupabase

  • btw we're using cuelume for a new project

    Guillermo RauchVercel

  • this is insanely good

    Pieter BeulquePolar

  • You cooked well, tried your library on blog, feels good

    Jiachi LiuVercel

  • Super easy to ask Codex to add UI sounds into success, error, and loading states … Also only 2kb.

    Meng ToDesign+Code

  • I bookmarked your sound library, definitely using it in some future projects

    David HazReact Bits

  • yo! you totally cooked with cuelume

    Esteban SuarezVercel

  • Love your sounds package

    Yo PuaaPostHog

  • It really looks great and feels great, I'm impressed by all your tools

    Charles VinetteApp & Flow

  • Keep up the great work

    Sébastien ChopinNuxt

  • Love your work, especially cuelume — the sounds are incredible

    Gurvinder SinghSkiper UI

One attribute per behavior.

Call bind() once and cuelume wires every element it finds: taps, typing, selection, toggles, opening, closing, and navigation. Every control below is live.

data-cuelume-tap

A small glassy tap on click, then the outcome from code.

data-cuelume-type

A keystroke for every letter. Type fast and it lightens; Space lands bigger.

data-cuelume-select

A crisp detent when a choice is made, in native selects and custom menus alike.

data-cuelume-toggle

One crisp snap for a switch or a checkbox. Switching off plays it backwards.

Same cue, played the way you played it.

Cuelume reads how each interaction happens and bends the cue to match, within limits that keep it recognisable. You add emphasis for what matters. It all stays on the page; nothing is stored or sent.

direction

A later option rises and an earlier one falls, by a few percent. Enough to feel which way you moved, never enough to become a melody.

input

The glass answers to what touched it. A fingertip lands softer than a mouse, a key press shorter, a pen crisper.

data-cuelume-emphasis

The one thing Cuelume can't infer: how much the action matters. Each level is its own arrangement of the cue, not just a volume.

Small enough to forget, considered enough to notice.

Min and gzip
9.0kB
All fourteen cues. No audio files, no dependencies.
Recordings to load
0
Every cue is synthesized with Web Audio the moment it plays.
Attribute per behavior
1
Add it to your markup and bind() does the rest.
Cues, one per interface job
14
Each with its own shape. Clicks, keystrokes, air, and soft mallets, not fourteen tweaks of one click.

The token behind the sounds.

Cuelume itself stays free and MIT licensed, for everyone, forever. $CUELUME is the currency for everything built around it — extra cue packs, a commercial licence for teams, priority support, and the hosted tools that come next. It launches on Solana; the contract address and the date go up on @cuelume the moment they are live.

$CUELUME · Solana · Coming soon

What $CUELUME pays for

Cue packs

The fourteen built-in cues stay free. Extra materials — new themes, per-product sound sets, the packs people vote for — ship as npm packages you buy with $CUELUME.

A commercial licence

MIT for everyone, forever. Teams that need an invoice, a named licence and an indemnity buy one in $CUELUME, per project.

Priority support

Custom cue requests and integration help, booked in $CUELUME and answered by the person who designed the sounds.

Hosted tools and agent credit

The hosted playground, sound search, and the credits that let an agent wire cues through a repo are metered in $CUELUME and priced at the moment of use.

What stays free

  • All fourteen cues, four themes, and the whole engine — 9.0 kB, no audio files.
  • The docs, the source, and agents.md.
  • MIT licensed. No wallet, no account, no gate on the sounds themselves.
$CUELUME contract address
TBA — launching on Solana, coming soon
CA + launch date on X

The contract address and the launch date go up on @cuelume the moment they are live.

Follow @cuelume for the launchBuy with $CUELUME — at launch

Nothing here is an offer, a security or financial advice. $CUELUME is a utility token for the tools above and carries no promise of value.

Two lines from silent to alive.

$
import { bind } from "cuelume";
bind();
Read the docsSponsor