DEV Community

Cover image for tiks: Web Audio UI Sounds With No Audio Files
jQueryScript
jQueryScript

Posted on

tiks: Web Audio UI Sounds With No Audio Files

tiks: a JavaScript library that generates UI sound effects at runtime using the Web Audio API.

No audio files. Every sound is synthesized from oscillators, noise buffers, and gain envelopes at the moment you call it.

Key features:

  • 10 interaction sounds (click, toggle, success, error, warning, hover, pop, swoosh, notify)
  • Two built-in themes: soft (warm/rounded) and crisp (sharp/mechanical)
  • Custom theme API with full control over frequency, waveform, and filter parameters
  • React hook and Vue composable, both with auto-initialization
  • Tree-shakeable imports for minimal bundle impact

Good for design systems, PWAs, or any web UI that wants the tactile audio layer native apps have had for years.

👉 Blog Post

👉 GitHub Repo

👉 Live Demo

Top comments (0)