Intro JS header small text goes here...

Intro.js

Step-by-step guide and feature introduction

Demo

View Official Website
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.

Examples

Progress bar

Add progress-bar to your step-by-step introduction. It's as easy as adding .setOption('showProgress', true) option to your Intro.js instance.

Demo

Hint

Hints enables you to add additional descriptions to any part of a web page. You can define hints by adding data-hint attribute to the HTML elements.

Demo

Enable/disable options

You can enable or disable options like buttons, progress-bar and bullets by calling the setOption('showBullets', false) function and pass option name.

Demo
Color Theme
Header Styling
Header
Sidebar Styling
Sidebar
Sidebar Gradient
Content Styling