Driver - A light-weight, vanilla JavaScript lib to drive users' focus

heap(44)

Published in

#steemhunt

Words

180

Reading

1 min

Listen to this post

~1 min

Driver

A light-weight, vanilla JavaScript lib to drive users' focus

Screenshots

Screen Shot 2018-03-13 at 13.41.16.png

DQmbUVBSvFAzZUXfGg46Ck22zipCpTRGNFUwo3qS42Pf1B3_1680x8400.png

Screen Shot 2018-03-13 at 13.42.07.png

Screen Shot 2018-03-13 at 13.43.37.png

Description

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',
  }
});