Sound Effects

const ctx = new AudioContext();
const osc = ctx.createOscillator();
const gain = ctx.createGain();
osc.type = 'sine';
osc.frequency.setValueAtTime(800, ctx.currentTime);
gain.gain.setValueAtTime(0.25, ctx.currentTime);
gain.gain.exponentialRampToValueAtTime(0.001, ctx.currentTime + 0.15);
osc.connect(gain).connect(ctx.destination);
osc.start();
osc.stop(ctx.currentTime + 0.15);

Zero dependencies. Works in any framework. Hit the copy button on any card above to get its snippet.

// 1. Download the mp3 from the card above
// 2. Put it in your public/ folder
// 3. Play it:

const audio = new Audio('/click1.mp3');
audio.volume = 0.5;
audio.play();

Hit the download button on the first two cards to save the mp3 files.