Driver.js Guide
Product tours, onboarding flows, and element highlighting reference
/plugin install driverjs-guide@rvanbaalen When to use
Use when implementing product tours, onboarding flows, or element highlighting with Driver.js. This skill is auto-triggered when it detects driver.js imports or mentions in your code.
How it works
Provides a complete reference for Driver.js, including:
- Installation and setup for npm, pnpm, yarn, or CDN
- Highlight API for focusing on individual elements
- Tour API for multi-step guided walkthroughs
- Popover customization (positioning, buttons, progress)
- Async step handling for dynamic content
- Event hooks for controlling tour flow
- Styling and theming options
Key features
- Lightweight (~5kb gzipped), zero dependencies
- SVG overlay approach avoids z-index issues
- Works with any framework (React, Vue, vanilla JS)
- Supports async/dynamic tours
- “Turn off the lights” focus effects
Trigger
This skill activates automatically when it detects Driver.js usage in your project. No manual invocation needed.