Driver.js

Driver.js

WHAT IS IT?

Driver.js is a JavaScript library for building product tours, user onboarding and element highlights on a web page. It dims the page, spotlights the target element and shows a contextual popover, step by step. Written in vanilla TypeScript, it weighs about 5 kb gzipped and has zero dependencies.

WHY IS IT INTERESTING?

  • Zero dependencies, ~5 kb: nothing extra dragged into your bundle, works with or without a framework (React, Vue, Angular or vanilla).
  • Simple but complete API: a multi-step tour is declared in a few lines, with hooks (onHighlight, onNext...) to wire in your own logic.
  • Highlight only or full tour: spotlight a single element to announce a feature, or chain a complete walkthrough.
  • Keyboard-driven: step navigation from the keyboard, accessible, focus handled automatically.
  • Customizable: overridable CSS, positionable popovers, free HTML content inside the bubbles.

USE CASES

  • Onboarding a new user on first login
  • Announcing a new feature with a targeted highlight
  • Contextual help on a complex interface (dashboard, editor)
  • Guided product walkthrough in a demo or interactive docs