usablica/intro.js
Some data may be outdated — see provenance labels.
Lightweight, user-friendly onboarding tour library observed · 2026-10-02
Health v2 · maintenance only
93/100
- Activity 96
- Release rhythm 84
- 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-10-21. Adoption (stars, forks) is never an input.
- gap_med: 34.0
- age_days: 4972
- days_rel: 29
- days_push: 29
- n_releases_24m: 5
Adoption not part of the score
23452 stars · 2546 forks observed · 2026-10-02
What it is AI-extracted, prompt v1, taxonomy v1, 2026-10-12, confidence 0.99
Intro.js is a lightweight, dependency‑free JavaScript library that creates step‑by‑step product tours and hints. It works by adding data‑intro and data‑step attributes to HTML elements and invoking a simple API.
Use cases
- Create an interactive product tour for new users
- Guide users through a multi‑step onboarding flow on a web app
- Highlight key features with contextual hints and tooltips
- Show a walkthrough of a dashboard after a user signs up
- Add floating tooltips that are not attached to any element
When to choose
- You need a quick, zero‑dependency solution for user onboarding in a web page
- Your project is built with plain JavaScript or any front‑end framework that can include external scripts
- You want a small bundle size (~10 KB) and easy CDN distribution
When to avoid
- You require deep integration with a specific framework’s component lifecycle (e.g., React hooks) without a wrapper
- You need server‑side rendering or Node‑only environments
- You need advanced analytics or A/B testing built into the tour library
Facets
library · maturity active
ui-components web-development frontend developer-tools browser onboarding tour walkthrough lightweight no-dependencies data-attributes
10 sources
- readme: https://github.com/usablica/intro.js · fetched 2026-10-02 · c75d5032177a
- homepage: http://introjs.com · fetched 2026-09-28 · fe8f6851580c
- site_page: https://introjs.com/docs/examples/basic/hello-world · fetched 2026-09-28 · e066a7f7072c
- site_page: https://introjs.com/docs/examples/customizing/progress-bar · fetched 2026-09-28 · 13b64805ef44
- site_page: https://introjs.com/docs/examples/basic/floating-tooltip · fetched 2026-09-28 · dd77730d182f
- site_page: https://introjs.com/docs · fetched 2026-09-28 · 53630263d895
- site_page: https://introjs.com/docs/getting-started/install · fetched 2026-09-28 · ab7b2b60a654
- site_page: https://introjs.com/docs/examples/advanced/scrollable-element · fetched 2026-09-28 · cac0967b6aa4
- site_page: https://introjs.com/docs/community · fetched 2026-09-28 · 19de5a00578f
- registry_npm: https://registry.npmjs.org/intro.js · fetched 2026-09-28 · a068a52e028f
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| usablica/intro.js | main | 93 |
For agents
markdown · JSON · MCP: product_card(name="usablica/intro.js")
Data as of 2026-10-19T08:05:51.212177+00:00 · Report a problem