driver.js
| Aquaman | driver.js | |
|---|---|---|
| 1 | 8 | |
| 18 | 20,981 | |
| - | - | |
| 0.7 | 7.4 | |
| about 1 year ago | 2 days ago | |
| TypeScript | TypeScript | |
| MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Aquaman
-
Driver.js: Product tours, highlights, contextual help and more
I built a library https://github.com/Evernote/Aquaman meant to accomplish some of these same tasks for a Redux app (also did the same think for React context, but that was never open sourced).
The things this misses, I think, are that 1) you probably want the state of you app to trigger a guided tour, 2) you probably want a multistep flow at some point, and 3) the state changing logic of that flow probably should be separated from the rendering logic (all the steps of the flow should be together).
That’s what I was able to accomplish with Aquaman.
driver.js
-
Guided Tours Solution for Your Web Application
driver.js is an open source JavaScript library designed for creating Product tours, highlights, contextual help aand feature adoption. Due to its extensive API, driver.js can be used for a wide range of use cases that includes
-
Create stunning product tours with driver.js 🚖
There are many libraries for creating product tours but in my opinion, Driver.js stands out. Why?
- Onboarding for SaaS and Open Source Project
- Driver.js: Product tours, highlights, contextual help and more
-
Cool & useful JavaScript libraries
Driver.js : a light-weight, no-dependency, vanilla JavaScript engine to drive the user's focus across the page.
-
Some websites have a quick guide showing how to use them but adding overlays on elements explaining how to use the website and its features to any new user. How are these done?
If you're looking for a package like this, driver.js (https://github.com/kamranahmedse/driver.js) seems like it does what you're looking for.
What are some alternatives?
lusift - Javascript library to create product walkthroughs for your web app. Drive users through the different features of your product.
intro.js - Lightweight, user-friendly onboarding tour library
shepherd - Guide your users through a tour of your app
react-onboard - Onboard users with messages that highlight components. Fully customizable
react-native-copilot - Step-by-step walkthrough tooltip for your react native app
GuideChimp - Create interactive guided product tours in minutes with the most non-technical friendly, lightweight and extendable library.
joyride - jQuery feature tour plugin.
hopscotch
leader-line - Draw a leader line in your web page.
bootstrap-tour - Quick and easy product tours with Twitter Bootstrap Popovers
reactour - Tourist Guide into your React Components