intro.js alternatives and similar libraries
Based on the "Tours And Guides" category
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest. Visit our partner's website for more details.
Do you think we are missing an alternative of intro.js or a related project?
Better introductions for websites and features with a step-by-step guide for your projects.
Where to get
You can obtain your local copy of Intro.js from:
1) This github repository, using
git clone https://github.com/usablica/intro.js.git
2) Using bower
bower install intro.js --save
3) Using npm
npm install intro.js --save
How to use
Intro.js can be added to your site in three simple steps:
introjs.css (or the minified version for production) in your page. Use
introjs-rtl.min.css for Right-to-Left language support.
data-step to your HTML elements. To add hints you should use
<a href='http://google.com/' data-intro='Hello step one!'></a>
See all attributes here.
Optionally, pass one parameter to
introJs function to limit the presentation section.
introJs(".introduction-farm").start(); runs the introduction only for elements with
Please visit Documentation.
Intro.js has many wrappers for different purposes. Please visit Documentation for more info.
First you should install
npm, then first run this command:
npm install to install all dependencies.
Now you can run this command to minify all static resources:
Want to learn faster and easier? Here we have Instant IntroJs, Packt Publishing.
Buy and Download
Benjamin J DeLong
If you want to use Intro.js for a commercial application, theme or plugin the commercial license is the appropriate license. With this option, your source code is kept proprietary. Purchase a commercial license at introjs.com
*Note that all licence references and agreements mentioned in the intro.js README section above are relevant to that project's source code only.