Getting Started with intro.js

Intro.js is JavaScript code, for Step-by-step guide and feature introduction.

WHY USING INTRO.JS?

When new users visit your website or product you should demonstrate your product features using a step-by-step guide. Even when you develop and add a new feature to your product, you should be able to represent them to your users using a user-friendly solution. Intro.js is developed to enable web and mobile developers to create a step-by-step introduction easily.

How about License and Price?

Intro.js is open-source and free to use. Share the project with your friends.

Why you must try this?

This is some reason:

  • No dependencies, fast and small. 10KB JavaScript and 2.5KB CSS, that’s all (minified, gzipped).
  • User-friendly. Navigate using keyboard or mouse. Easily change the themes for your website.
  • Browser compatibility. Works on Google Chrome, Mozilla Firefox, Opera, Safari and even Internet Explorer.

Looking for demo? Check how this awesome script works below!

  • Hello World, This is a basic usage of the library. You can define steps by adding data-intro attribute to the HTML elements. This is the easiest way to setup your step-by-step guide.
  • Progress Bar, Add progress-bar to your step-by-step introduction. It’s as easy as adding showProgress option to your Intro.js instance
  • Looking another demo? Click here

License?

Copyright © 2012 Afshin Mehrabani ([email protected])

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE

Visit their website at: http://introjs.com/ So, what are you waiting for? Download it here

Created by: Afshin Mehrabani, contact him via Twitter, Github, or his personal page. If you have any trouble, feels free to ask via StackOverflow. Thanks :)


Originally published at studio.userlabs.co.id on March 2, 2016.