ui sfx
GitHubnpm

Open-source UI sound design library

UI sound design,
ready to ship.

A tiny, complete library of interface sound effects for web apps, mobile apps, SaaS, education, media, and games. Preview every UI sound in 12 distinct sonic personalities.

Explore all 936 sounds

01 Install in your terminal npm

02 Hand to your coding agent Agent selects the feel

Instrument the whole product, tastefully.Copies a production-ready prompt that asks the agent to choose the best feel for your product.
Open prompt
UI SFX / FEEL SELECTOR01-12

Type 1-12 to switch feel · 0, − and + still work

78semantic UI cues

12distinct feels

72brief one-shots

6seamless loops

CC0audio license

Your logoSponsor UI SFX

Compare the feels

12 feels. One sound language.

Choose any cue and hear it across every feel. The event stays the same. Only its sonic character changes.

Sound in context

Hear what the interface means.

Use the interactive product demos below to hear each meaningful state change. Switch the feel above, then repeat the same flow to compare its personality.

Minimal pack active
Atlas workspaceTeam plan
Quarterly review

Team reporting

Generate Q2 report12 connected sources · about 2 seconds
Team notificationsMentions and completed reports

78 cues · 12 feels · 936 sounds

Interface sound effects for every product state.

Dry, precise, almost invisible. Productivity, SaaS, system UI.

Filter sounds by interaction category

78 cues shown

The complete field guide

Design sound people understand.

Learn how to choose interface moments, build a semantic sound language, design one-shots and loops, respect accessibility, and implement audio reliably across web, mobile, SaaS, and games.

Read the UI sound design guide

Keep the tiny sounds free.

Sponsorship funds careful maintenance, new feels, and cleaner loops. The code stays MIT. Every sound stays CC0.

Synced automatically with GitHub Sponsors

Zero dependencies

Give your product
a sound language.

Use live synthesis on the web or copy all 936 tiny MP3 and Ogg files into any native, game, or media project. One-shots end automatically. Loops return a control you stop when the interface state resolves.

app.tslive example
import { createUISFX } from 'uisfx'

const ui = createUISFX({
  pack: 
})

ui.play()
const task = ui.play()
task?.stop()

Change the green values, then run them.

Sound previews are ready