Intro JS header small text goes here...

Installation

Intro.js

Step-by-step guide and feature introduction

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
App Settings
Dark Mode NEW
Adjust the appearance to reduce glare and give your eyes a break.
Header Fixed
Header Inverse
Sidebar Fixed
Sidebar Grid
Gradient Enabled
Admin Design (6)
Language Version (9)
Frontend Design (5)
Documentation Reset Local Storage