Subscribe
Sign in
Start new thread
Kamran Ahmed
p/kamran-ahmed
Lead Engineer @tajawal.
Visit Product
Kamran Ahmed
Driver.js — A lightweight engine to drive user's focus across the page
Featured
16
•

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

Replies
Jesse Wallace
Looks like a complete copy of Intro.js. How does this differ?
Kamran Ahmed
Maker
@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
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
This looks great, thanks 👊
Pulkit Agrawal

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...

Pros:

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

Cons:

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

Robert Hopman
looks promising
Adam Davies
Nice work
Ethan Steininger
This looks like hopscotch js
Adam Bowie
This is pretty cool. The highlighted popovers have some great use cases, looking forward to playing with this. +1 on MIT license as well!
Dallas

incredible work, congratulations

Pros:

AMAZING AWESOME

Cons:

Nope

Labs64 NetLicensing
Another interesting alternative would be GuideChimp - https://github.com/Labs64/GuideC... This library can be used to create guided tours and beacons to drive user attention.
Thomas Harris
Definition of Clutch lol
Ali Naderzad
Has potential
nikkwong
This is great.
Faisal Arisandi Pratama
OMG. I didn't realize this before. The creator of Driver.js is the one who create Developer Roadmap for Front End, Back End and Dev Ops. (The massive roadmap which cause a massive headache for me the first time I dive myself into Coding. Haha) Hey, I use Driver.js before. Hehe. 😅 Thanks for this great product.👍🏻 🙏🏻 I wish I could know you further to learn. Hehe.