⚙️
Tools Box
Productivité
🏢Productivité
Inconnu

Introjs

Bibliothèque JS open source pour ajouter des tours produit pas à pas dans une app web.

[!info] TL;DR : Bibliothèque JS open source pour ajouter des tours produit pas à pas dans une app web.

Intro.js : tours produit légers en quelques lignes de code

Intro.js est une lib JavaScript ultra-légère pour créer des onboarding interactifs et walkthroughs sur n'importe quelle page web. AGPL côté open source, licences commerciales à partir de 9,99$.

Ce que ça permet

  • Afficher des tooltips et highlights sur des éléments DOM ciblés
  • Créer des tours pas à pas avec navigation clavier
  • Personnaliser thèmes et CSS
  • Hints (info-bulles cliquables) hors tour
  • Installation via NPM ou CDN (JS + CSS)
  • Fonctionne avec React, Vue, Angular ou vanilla JS
  • API simple pour devs (start, next, exit)

Pour qui

  • Devs qui veulent un onboarding sans dépendance no-code
  • Produits SaaS B2B avec UI custom
  • Studios qui livrent des MVP avec tour intégré
  • Équipes growth qui veulent itérer vite sur l'activation

Mini-playbook

  1. npm install intro.js puis importer CSS et JS
  2. Annoter les éléments avec data-intro et data-step
  3. Lancer introJs().start() au bon moment du parcours
  4. Mesurer la complétion via callbacks

Pièges

  • Pas d'éditeur visuel, tout se code
  • Licence AGPL contraignante en commercial (acheter Starter ou Business)
  • Moins riche que Userflow, Userpilot ou Appcues
  • Pas d'analytics natifs, brancher Mixpanel ou GA
  • Maintenance ralentie ces dernières années

Tags

  • Catégorie : 🏢 Productivité & Outils
  • Tags : Onboarding, Open Source, Code, Dev, Free