Intro.js

What Intro.js is

Intro.js is a web library for building step-by-step onboarding tours and contextual hints for products and websites. Built with vanilla JavaScript and CSS, it is 10 kB and has no external dependencies. Developers can configure tours and customize individual steps, with documented options for localization, right-to-left layouts, JSON setup, progress bars, scrollable elements, and SVG targets. The documentation lists six themes, including Classic, Royal, Dark, and Modern, as well as wrappers for frameworks and platforms such as Angular, React, Rails, and WordPress. Distribution is available through npm and CDNs, with Yarn and Git installation also documented. Intro.js is free for open-source, personal, and non-commercial sites under GNU AGPLv3. Commercial applications, themes, and plugins require a commercial license. Starter costs $9.99, paid once; Business costs $49.99, paid once; Premium costs $299.99, paid once. The tiers include lifetime licenses and differ in project limits, support, and custom themes.

Who it suits

Intro.js suits developers adding guided onboarding or contextual help to web products and sites. It may fit teams that want to configure tours directly or use one of the documented framework wrappers.

Limits

The free use terms cover open-source, personal, and non-commercial sites. Starter costs $9.99, paid once and covers one project, with no commercial support; Business covers five projects and one month of commercial support, while Premium allows unlimited projects and includes six months of support plus 24/7 priority support.

Getting started

1. Install Intro.js through npm or a CDN; Yarn and Git installation are also documented.
2. Use vanilla JavaScript and CSS to configure an onboarding tour.
3. Customize tour steps and select documented options or a theme.
4. Choose free use for open-source, personal, or non-commercial sites, or obtain a commercial license for commercial applications, themes, or plugins.

Verdict

Intro.js provides configurable web tours and hints, with a range of documented tour options and wrappers. Its free use is limited to open-source, personal, and non-commercial sites; commercial licenses are lifetime purchases with tier-specific support and project allowances.