WebHaptics : intégrer un retour haptique à une app web

Par:
francoistonic

ven, 06/03/2026 - 16:09

Les retours haptiques sur mobile sont  très pratiques pour donner un contexte à l'utilisateur, une réponse ou tout simplement avertir d'une action ou d'un problème. WebHaptics permet d'ajouter ces retours dans vos apps web. Il supporte React, Vue et Svelte. Il faut installer le paquet npm et important dans votre projet. 

Le code d'intégration :

import { WebHaptics, defaultPatterns } from "web-haptics";
const haptics = new WebHaptics();
haptics.trigger(); // medium impact
haptics.trigger(defaultPatterns.success);

Voici une petite vidéo qui présente son usage :

Un exemple de trigger haptique :

trigger([
  { duration: 40, intensity: 0.8 },
  { delay: 100, duration: 80, intensity: 0.6 },
])
Le retour est donc totalement paramétrable

GitHub : https://github.com/lochie/web-haptics

Le site officiel : https://haptics.lochie.me/