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

#5 Product of the WeekMarch 12, 2018

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

  • Pulkit Agrawal
    Pulkit AgrawalCEO @trychameleon for user onboarding

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


    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:

    Pulkit Agrawal has used this product for one day.
    Comments (0)
  • Dallas




    incredible work, congratulations

    Dallas has used this product for one day.
    Comments (0)
You need to become a Contributor to join the discussion.
Jesse Wallace
Jesse Wallace@jesse_wallace Β· Sr. UX Designer, Dragon Army
Looks like a complete copy of Intro.js. How does this differ?
Kamran Ahmed
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 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
Igor Stumberger@curiousigor Β· Designer, Maker of Hey Meta and Dockey
This looks great, thanks πŸ‘Š
Adam Bowie
Adam Bowie@rushhourlocal Β· Nashville SEO Digital 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@ali_naderzad Β· LEW is available @ SharePoint
Has potential
Adam Davies
Adam Davies@adammydesign Β· Web Developer
Nice work