driverjs-tours
Installation
SKILL.md
Driver.js Tours & Hints
Driver.js is a ~5kb, dependency-free library that dims the page, cuts a spotlight around a target element, and shows a popover next to it. Use it for product tours (multi-step walkthroughs), single-element highlights (spotlight one thing), and hints (pulsing beacons that open a popover on click, with no overlay by default).
Two entry points — import only what you use
| Feature | Import | CSS | Factory |
|---|---|---|---|
| Tours + single highlights | import { driver } from "driver.js" |
driver.js/dist/driver.css |
driver(config) |
| Hints (pulsing beacons) | import { hints } from "driver.js/hints" |
driver.js/dist/hints.css |
hints(config) |
Hints ship as a separate bundle so tour-only apps never load them. Never import hints unless the task actually needs beacons.
Install
npm install driver.js # also: pnpm install driver.js / yarn add driver.js