Open-source 路 No dependencies

Powerful User OnboardingBuilt to Increase Adoption

Intro.js is a lightweight JavaScript library for creating step-by-step and powerful customer onboarding tours

Trusted by 5000+ teams all around the world

AmazonWolters KluwerNestleOMRONSAPStora EnsoPostatToroPressReaderKoboA2AIbexaFederalBankGalaxy Software Services

Why Intro.js

Everything you need to onboard users

Ship polished product tours in minutes, without adding weight to your app.

Easy to Use

The simplicity of Intro.js API will help you to develop an advanced onboarding for your products.

Lightweight

Intro.js is lightweight, 10kB and has no external dependencies!

Customizable

Intro.js provides various ways to configure your product onboarding and customize every single step of your tour.

Tours and Hints

Guide users step by step with tours, or point out features in place with hints they can open whenever they need them.

Works with any stack

Plain JavaScript that runs with any framework, plus wrappers for React, AngularJS, Ember, Rails, WordPress and more.

Open-source

Intro.js is Free and open-source, published under AGPL license. We also provide commercial license, supporting your team to successfully integrate Intro.js!

Get started

Install Intro.js

Add your first product tour in a few minutes.

  1. 1

    Install the package

    Add Intro.js from npm, yarn, pnpm or a CDN. It has no dependencies.

  2. 2

    Include the JavaScript and CSS

    Intro.js consists of two files: the JavaScript part and the CSS part which renders the elements nicely.

  3. 3

    Start your tour

    Define your steps and call start(). The library configures itself and starts the product tour.

Terminal
$ npm install intro.js
app.js
import introJs from "intro.js";
import "intro.js/introjs.css";

introJs.tour().setOptions({
  steps: [{
    intro: "Hello world! 馃憢"
  }, {
    element: document.querySelector("#login"),
    intro: "Click here to log in!"
  }]
}).start();

Pricing

Lifetime license. Once-off payment.

Intro.js is AGPL-licensed and open-source. However, if you want to use Intro.js in your commercial app, website or plugin, you would need to obtain a commercial license.

Open Source

$0/ forever

For open-source, personal and non-commercial projects.

  • All features
  • AGPLv3 license
  • Community support
  • Not for commercial use

Starter

$9.99/ lifetime

For a single commercial project.

  • One project
  • No commercial support
  • Regular product updates
  • Lifetime license

Business

$49.99/ lifetime

For teams shipping several products.

  • 5 projects
  • 1 month commercial support
  • 1 custom theme
  • Regular product updates
  • Lifetime license

Premium

$299.99/ lifetime

For agencies and large organizations.

  • Unlimited projects
  • 6 months support
  • 3 custom themes
  • 24/7 Priority Support
  • Lifetime license

FAQ

Frequently asked questions

Can't find the answer you're looking for? Our team is happy to help.

Contact us

Intro.js is a lightweight JavaScript library for building step-by-step product tours and hints. It highlights elements on your page and walks users through your product, so they reach value faster.

Start onboarding your users today

Free for open-source projects. A once-off payment for commercial ones.