TapTones

GitHub npm v1.1.0

$ npm install taptones

Minimalist, zero-dependency synthesized audio & mobile haptics for modern web interfaces.

AUDIO SPECTRUM FREQUENCY ANALYZER 60 FPS REALTIME

MASTER VOLUME 100%

PRESETS MATRIX

Click square pads to trigger synthesized sound & vibration

SYNTHESIZER LABORATORY

Tweak audio parameters and generate zero-overhead code

WAVEFORM SHAPE

START FREQ 800 Hz

END FREQ (RAMP) 300 Hz

DURATION 0.05 s

VOLUME 0.25

HAPTICS DURATION 10 ms

PITCH JITTER 0%

GENERATED CODE

import { taptones } from 'taptones';

taptones.play({
  frequency: 800,
  endFrequency: 300,
  duration: 0.05,
  type: 'sine',
  volume: 0.25,
  haptic: 10
});

INTEGRATION EXAMPLES

Vanilla JS, React 18/19, and Next.js App Router

VANILLA JS / TYPESCRIPT

import { taptones } from 'taptones';

// One-liner presets
document.querySelector('#btn')
  .addEventListener('click', () => {
    taptones.click();
  });

// Presets
taptones.pop();
taptones.success();
taptones.error();

REACT / NEXT.JS APP ROUTER

'use client';

import { useTapTones } from 'taptones/react';

export function Button() {
  const { click, sparkle } = useTapTones();

  return (
    <button onClick={() => sparkle()}>
      Sparkle Action
    </button>
  );
}