WebHaptics : intégrer un retour haptique à une app web
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/
