About Intro.js
Intro.js is a lightweight JavaScript library for building step-by-step product tours and onboarding guides. It has no dependencies and can be installed from npm or loaded from a CDN.
What it does
You define steps with text and, optionally, the page elements they point to, then call start to run the tour. Hints let users open short tips attached to features whenever they need them. The library handles the overlay and the step navigation, and you can customize each step's text and styling to match your product.
Key features
- Step by step tours with text
- Hints attached to page elements
- Install from npm or a CDN
- Wrappers for several frameworks
- Customizable steps and styling
Who it's for
Intro.js suits developers who want to add onboarding to a web app or website without writing much code. It is a good choice for small teams who want a ready tour library rather than a full onboarding platform, and for projects that need tours on a range of different stacks.
Pricing and good to know
Intro.js is open source and published under the AGPL license. The company also offers a commercial license for teams that need one, so check the license terms before using the library in a closed source product. Its size is small, which keeps the effect on page load light, and the docs include installation and example guides.
Highlights
- Step by step tours with text
- Hints attached to page elements
- Install from npm or a CDN
- Wrappers for several frameworks
- Customizable steps and styling
