# elrumordelaluz/reactour

Tourist Guide into your React Components

Repository: https://github.com/elrumordelaluz/reactour
Canonical: https://ross.abutalabs.com/products/reactour
Homepage: https://www.reactour.dev
Language: TypeScript
License: MIT
License Family: permissive
Topics: react, reactjs, tour, guide, react-components, tourist-guide, introduction, step-by-step, walkthrough, joyride, product-intro, presentation, intro, hacktoberfest, getting-started, guided-tours, onboarding, product-onboarding
Last push: 2026-05-19T17:02:35+00:00

## Health v2 (maintenance only)
Score: 60/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 83, release rhythm 8, longevity 100
- inputs: {"age_days": 3456, "days_push": 106, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 4086, forks 352 (observed 2026-08-28T04:08:34.498377+00:00)

## What it is
Reactour is a React library for creating step-by-step guided product tours that highlight and interact with elements on a page. It is a monorepo of independently usable packages: @reactour/tour, @reactour/mask, and @reactour/popover.

## Use cases
- add an onboarding tour to a react app
- create step-by-step walkthroughs for new users
- highlight ui elements with a mask overlay
- show popovers attached to page elements
- introduce product features to first-time users
- build interactive getting-started guides

## When to choose
- you need a customizable product tour in a React application
- you want to independently use just a highlight mask or popover component
- you prefer SVG/CSS-based tours that interact with existing page elements

## When to avoid
- your app is not built with React
- you need a framework-agnostic vanilla JavaScript tour library
- you only need simple tooltips without step sequencing

## Facets
- artifact type: library
- maturity: active
- function: ui-components, frontend-framework
- domain: frontend, web-development, developer-tools
- platform: browser
- tags: react, product-tour, onboarding, walkthrough, guided-tours, typescript, monorepo, nodejs, javascript

## Member repositories
- elrumordelaluz/reactour (main) score 60

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:08:34.498377+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T18:23:23.586481+00:00, confidence not recorded.
  - readme: https://github.com/elrumordelaluz/reactour (fetched 2026-08-28T04:08:34.498377+00:00, sha 07e13fff6f3b)
  - homepage: https://www.reactour.dev (fetched 2026-08-29T09:15:36.406372+00:00, sha 59261ec3b46c)
  - site_page: https://docs.reactour.dev (fetched 2026-08-29T09:15:36.416217+00:00, sha 5b101700373a)
- Data as of 2026-08-30T08:39:29.467469+00:00.