Intro JS page header description goes here...


Usage

Intro.js is a lightweight JavaScript library for creating guided product tours and feature highlights. Use it to walk users through your interface with step-by-step tooltips, callouts, and hints that improve onboarding and usability. Please read the official intro js documentation for the full list of options.

Intro.js

Step-by-step guide and feature introduction

Lightweight & fast

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.

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.

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.

Enable / Disable options

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.

App Settings
Dark Mode NEW
Adjust the appearance to reduce glare and give your eyes a break.

Header Fixed
Sidebar Fixed
Gradient Enabled
RTL Enabled NEW
Admin Design (6)
Language Version (9)
Frontend Design (5)
Documentation Reset Storage & Cookies