Driver.js

A lightweight engine to drive user's focus across the page

#5 Product of the WeekMarch 12, 2018
+1

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.

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

Reviews

  • Pulkit AgrawalCEO @trychameleon for user onboarding
    Pros: 

    MIT licensed (free!); helping users focus is important

    Cons: 

    Needs engineering for implementation and maintenance (vs. a SaaS platform)

    This is great for anyone bootstrapping or building a project on the side. Also great if you have good availability of engineering talent to help with making changes or edits.

    For companies that want more a sophisticated platform to manage highlights and other user guidance, or have engineering constraints, there are various SaaS platforms that offer this without writing code.

    More detailed discussion about this on Quora: https://www.quora.com/Why-should-you-use-a-user-onboarding-walkthrough-tool

    Pulkit Agrawal has used this product for one day.
  • DallasFounder appocalypsis.com
    Pros: 

    AMAZING AWESOME

    Cons: 

    Nope

    incredible work, congratulations

    Dallas has used this product for one day.

Discussion

You need to become a Contributor to join the discussion - Find out how.
Jesse Wallace@jesse_wallace · Sr. UX Designer, Dragon Army
Looks like a complete copy of Intro.js. How does this differ?
Kamran AhmedMaker@kamran_ahmed · Software Engineer
@jesse_wallace I guess you based your opinion just upon "Quick Tour" on top of the page. It is much more than just "Tours" and "Introductions". I know intro.js and was planning to use that in my application but that doesn't come close to what I wanted, let me explain why. Unlike intro.js which is only for introductions, you can use this one at any place where you want some sort of overlay for the page. For example, in the application that I am working on, I had several places where I wanted to put an overlay on top of the whole page, except a component (the way facebook does while creating posts), I couldn't do that with intro.js. I wanted the hooks to manipulate the highlighted element for when it is highlighted or the highlight is removed, again couldn't do that with intro.js I wanted to shift the user's focus to some component on the page in my app and then remove the overlay once it has been done, couldn't do that. And on top of all that, intro.js isn't free for commercial use. Driver.js is MIT licensed, is community driven and free for both personal and commercial use. I scratched my own itch with it.
Jarrod Cugley@jarrod · 🔨 Personal Trainer - Indie Hacker —
I want to highlight—again—the fact that it's MIT licensed. This is huge for tiny/new devs like myself. Thank you Kamran!
Igor Stumberger@curiousigor · Designer, Maker of Hey Meta and Dockey
This looks great, thanks 👊
Adam Bowie@rushhourlocal · Run a Nashville SEO Marketing Agency
This is pretty cool. The highlighted popovers have some great use cases, looking forward to playing with this. +1 on MIT license as well!
Ali Naderzad@ali_naderzad · LEW is available @ SharePoint
Has potential
Adam Davies@adammydesign · Web Developer
Nice work