C'EST QUOI ?
Driver.js est une bibliothèque JavaScript pour créer des tours produit, de l'onboarding et des surbrillances d'éléments sur une page web. Elle assombrit la page, met en avant l'élément ciblé et affiche un popover contextuel, étape par étape. Écrite en TypeScript vanilla, elle pèse environ 5 kb gzippé et n'a aucune dépendance.
POURQUOI C'EST INTÉRESSANT ?
- Zéro dépendance, ~5 kb : rien à traîner dans ton bundle, ça marche avec ou sans framework (React, Vue, Angular ou vanilla).
- API simple mais complète : un tour multi-étapes se déclare en quelques lignes, avec des hooks (
onHighlight,onNext...) pour brancher ta propre logique. - Highlight seul ou tour complet : tu peux juste mettre en avant un élément pour annoncer une nouveauté, ou enchaîner un walkthrough complet.
- Pilotable au clavier : navigation entre étapes au clavier, accessible, gestion du focus automatique.
- Personnalisable : CSS surchargeable, popovers positionnables, contenu HTML libre dans les bulles.
CAS D'USAGE
- Onboarding d'un nouvel utilisateur au premier login
- Annonce d'une nouvelle fonctionnalité via un highlight ciblé
- Aide contextuelle sur une interface complexe (dashboard, éditeur)
- Visite guidée d'un produit en démo ou en documentation interactive