TapticKit

Haptic feedback for the mobile web. Zero dependencies.

Install

npm i taptickit

Usage

React:

import { useTaptic } from "taptickit/react";

const haptic = useTaptic();
<button onClick={() => haptic.trigger("success")}>Tap</button>

Vue:

<script setup>
import { useTaptic } from "taptickit/vue";
const haptic = useTaptic();
</script>
<button @click="haptic.trigger('success')">Tap</button>

Svelte:

<script>
import { createTaptic } from "taptickit/svelte";
const haptic = createTaptic();
</script>
<button on:click={() => haptic.trigger('success')}>Tap</button>

Vanilla:

import { TapticKit } from "taptickit";
const haptic = new TapticKit();
haptic.trigger("success");

Presets

• trigger() - medium tap (default)
• trigger("light") - subtle tap
• trigger("medium") - standard tap
• trigger("heavy") - strong tap
• trigger("success") - positive outcome
• trigger("warning") - cautionary
• trigger("error") - negative outcome
• trigger("selection") - discrete tick

Next.js: add "use client" when using hooks.