UI Sounds

A catalogue of interface sounds synthesised with the Web Audio API, with play keys, envelope glyphs, volume, mute and a provider hook for apps.

Sounds on

60%

Press
Primary actions. A dry, short tick that never gets in the way.
triangle 1250→900 Hz · sine 320 Hz · 45 ms
Toggle on
Switches turning on. Two steps up.
sine 660 Hz · sine 990 Hz · 135 ms
Toggle off
The same switch going off. Two steps down.
sine 990 Hz · sine 660 Hz · 135 ms
Success
Saved, sent, paid. A bright major triad, rolled.
sine 523 Hz · sine 659 Hz · sine 784 Hz · 440 ms
Error
Something failed. Low, two short pulses, falling.
triangle 240→200 Hz · triangle 200→160 Hz · 270 ms
Notify
A message arrived. A soft bell with a long tail.
sine 880 Hz · sine 1320 Hz · 720 ms

In context

Install

Pro source requires Pebble Pro. Try the full preview above.

Prop	Type	Default	Description
sounds	SoundRecipe[]	uiSounds	SoundBoard: recipes to list.
SoundRecipe	{ id, label, usage, notes: { wave, from, to?, start, duration, gain }[] }	—	A sound as oscillator notes; times in seconds, pitch in Hz.
UiSoundProvider	{ defaultVolume?, defaultMuted? }	0.6 / false	One volume and mute for the app; SoundBoard uses it when present.
useUiSound()	(id: string) => number	—	Plays a sound by id at the provider volume; returns its length in ms.
playSound	(recipe, volume?) => number	—	Synthesises any recipe with the Web Audio API (call from a user gesture).

Try the full preview above. Editable source and build guides require Pebble Pro.

A catalogue of interface sounds synthesised with the Web Audio API, with play keys, envelope glyphs, volume, mute and a provider hook for apps.

Sounds on

60%

Press
Primary actions. A dry, short tick that never gets in the way.
triangle 1250→900 Hz · sine 320 Hz · 45 ms
Toggle on
Switches turning on. Two steps up.
sine 660 Hz · sine 990 Hz · 135 ms
Toggle off
The same switch going off. Two steps down.
sine 990 Hz · sine 660 Hz · 135 ms
Success
Saved, sent, paid. A bright major triad, rolled.
sine 523 Hz · sine 659 Hz · sine 784 Hz · 440 ms
Error
Something failed. Low, two short pulses, falling.
triangle 240→200 Hz · triangle 200→160 Hz · 270 ms
Notify
A message arrived. A soft bell with a long tail.
sine 880 Hz · sine 1320 Hz · 720 ms

In context

Pro source requires Pebble Pro. Try the full preview above.

Prop	Type	Default	Description
sounds	SoundRecipe[]	uiSounds	SoundBoard: recipes to list.
SoundRecipe	{ id, label, usage, notes: { wave, from, to?, start, duration, gain }[] }	—	A sound as oscillator notes; times in seconds, pitch in Hz.
UiSoundProvider	{ defaultVolume?, defaultMuted? }	0.6 / false	One volume and mute for the app; SoundBoard uses it when present.
useUiSound()	(id: string) => number	—	Plays a sound by id at the provider volume; returns its length in ms.
playSound	(recipe, volume?) => number	—	Synthesises any recipe with the Web Audio API (call from a user gesture).

Try the full preview above. Editable source and build guides require Pebble Pro.