usablica/intro.js
Lightweight, user-friendly onboarding tour library observed · 2026-08-28
Health v2 · maintenance only
96/100
- Activity 96
- Release rhythm 94
- Longevity 100
Flags: no_license
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-02. Adoption (stars, forks) is never an input.
- gap_med: 7
- age_days: 4924
- days_rel: 43
- days_push: 26
- n_releases_24m: 4
Adoption not part of the score
23455 stars · 2550 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded
Intro.js is a lightweight, dependency-free vanilla JavaScript and CSS library for creating step-by-step onboarding tours and hints on web pages. Steps are defined via data-intro/data-step HTML attributes or JSON configuration, and it ships with wrappers for frameworks like React, Angular, and Rails.
Use cases
- add a step-by-step product tour to a web app
- create user onboarding walkthroughs for new users
- show contextual hints highlighting UI elements
- guide users through a new feature with tooltips
- add a first-visit introduction overlay to a website
- build onboarding flows in React or Angular apps
When to choose
- you need a lightweight (~10kB) tour library with no dependencies
- you want to define tours declaratively via HTML attributes
- you need RTL support, progress bars, and theming out of the box
- you want a mature, widely adopted onboarding library
When to avoid
- your project is not AGPL-compatible and you cannot purchase a commercial license
- you need a fully hosted, analytics-driven onboarding SaaS rather than a code library
- you need complex branching or conditional multi-flow onboarding logic
Facets
library · maturity stable
ui-components frontend-framework web-development frontend developer-tools browser onboarding product-tour user-onboarding walkthrough hints agpl vanilla-javascript rtl-support javascript nodejs
10 sources
- readme: https://github.com/usablica/intro.js · fetched 2026-08-28 · c75d5032177a
- homepage: http://introjs.com · fetched 2026-08-29 · fe8f6851580c
- site_page: https://introjs.com/docs · fetched 2026-08-29 · 53630263d895
- site_page: https://introjs.com/docs/getting-started/install · fetched 2026-08-29 · ab7b2b60a654
- site_page: https://introjs.com/docs/examples/basic/hello-world · fetched 2026-08-29 · e066a7f7072c
- site_page: https://introjs.com/docs/examples/basic/floating-tooltip · fetched 2026-08-29 · dd77730d182f
- site_page: https://introjs.com/docs/examples/customizing/progress-bar · fetched 2026-08-29 · 13b64805ef44
- site_page: https://introjs.com/docs/examples/advanced/scrollable-element · fetched 2026-08-29 · cac0967b6aa4
- site_page: https://introjs.com/docs/community · fetched 2026-08-29 · 19de5a00578f
- registry_npm: https://registry.npmjs.org/intro.js · fetched 2026-08-29 · c149c43d08af
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| usablica/intro.js | main | 96 |
For agents
markdown · JSON · MCP: product_card(name="usablica/intro.js")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem