Driver

A lightweight (~4kb gzipped) yet powerful JavaScript engine that helps you drive the user's focus on page.

Some sample use-cases can be creating powerful feature introductions, call-to-action components, focus shifters etc.

What are the features?

Driver is compatible with all the major browsers and can be used for any of your overlay needs. Feature introductions, focus shifters, call-to-action are just a few examples.

🔆 Highlight any (literally any) item on page
✋ Block user interactions
📣 Create feature introductions
👓 Add focus shifters for users
🛠️ Highly customizable – Use it anywhere for overlay
⌨️ User Friendly – Controllable by keys
🆓 MIT Licensed – Free for personal and commercial use
🕊️ Lightweight – Only ~4kb when gzipped
🌀 Consistent behavior across all major browsers

Code Example

Highlighting a Single Element – With Popover

const driver = new Driver();
driver.highlight({
  element: '#some-element',
  popover: {
    title: 'Title for the Popover',
    description: 'Description for it',
  }
});