WHS 1.6.4
Procedural
Audio Engine

A zero-dependency, procedural audio engine for the web. Synthesize tactile UI sounds and ambient loops in real-time using the Web Audio API.

Star
npm i @thenormvg/web-have-sounds
VOL80%
Sound paletteoscilloscope output
chime  1047 Hz · 0.36 s
SEQ_16
RDY
BPM 120
Docs

Architecture

Procedural

Pure algorithmic synthesis. Zero MP3s or network requests. Generates waveforms natively in the browser.

Materials

9 physical presets including Glass, Arcade, and Industrial. Hot-swap the 'feel' of your entire interface.

DOM

Delegation

Single-listener architecture. One call wires up the entire DOM. Highly optimized for massive applications.

Kinetic

Full ADSR envelope control, 3D panning, and volume management via HTML attributes or JS.

Usage

import { playUISound } from '@thenormvg/web-have-sounds'

btn.addEventListener('click', () => {
  playUISound('pop')
})

DOM Bindings

data-uisound="hover"
fine-pointer hover
data-uisound="pop"
click or press
data-uisound="tick"
toggle switch state
Made with love by TheAlphaOnes
Web Audio API Engine v1.6.4