Cuelume

Cuelume is a JavaScript library of seventeen interaction sounds, including chime, tick, toggle, success, error, and loading, synthesized live with Web Audio so there are no audio files to load. Mark elements with data-cuelume-hover, data-cuelume-press, data-cuelume-release, or data-cuelume-toggle, call bind() once, and every marked element plays its cue. Call play() for one-off sounds and setVolume() for global loudness. The site's studio previews every cue with its waveform, color, and volume.