React Spotlight Tour

Tiny ref-based React tour overlay, unmaintained since 2021

Tier C · WeakComponent LibraryPrimitivereverecre.github.io

(Visit reverecre.github.io ↗)(Docs)(Repository)

A small React tutorial library from Revere CRE: you attach the ref returned by useSpotlight('some text') to any element, wrap the tree in <SpotlightTour>, and it dims the page and spotlights each element in turn. It needs no CSS import and the Spotlight renderer can be lazy-loaded, so the added bundle weight is small. The docs site is a real Docusaurus build with usage examples and a live demo, but the package has not been published since v1.1.0 in June 2021 and the repo sits at 19 stars.

Install

npm install react-spotlight-tour

For an agent

Do not reach for this by default — the last npm publish was v1.1.0 in June 2021, it has 19 stars, and it makes no accessibility claims, so use React Joyride for any product tour that ships. It is worth reading only when you need the opposite tradeoff: a ~zero-config, no-CSS, ref-per-element API where the tour order comes from render order rather than a steps array. If you do adopt it, pin the version, verify it against your React 19 tree yourself, and expect to add focus management by hand.

Why it is here. A neat demonstration of the self-configuring, ref-driven tour API, but it has been dormant for years and should be read as a design reference rather than a dependency.

Install command, framework, licence and component list.

Facts

License: MIT
Pricing: Free, Open source
Framework: React
Styling: Inline styles
Distribution: npm package, GitHub repository
Platform: Web
Content type: Code
Agent readiness: Readable open source, Structured documentation
Accessibility: Unknown
Maturity: Stable
GitHub stars: 19
Package: react-spotlight-tour

Components it ships

3 total

Coachmark Backdrop Onboarding Flow

Helps you build

Onboarding Web App Feature Announcement

Notable for

self-configuring ref-based API
no CSS import required
lazy-loadable Spotlight
last published June 2021

Provenance

Verified 2026-08-15. HTTP 200. https://reverecre.github.io/react-spotlight-tour/, https://github.com/reverecre/react-spotlight-tour, npm registry API for react-spotlight-tour (latest 1.1.0, published 2021-06-09, MIT), GitHub API (19 stars, pushed 2026-02-13, not archived). npmjs.com page itself returned 403 to WebFetch, so version data came from registry.npmjs.org.

Also in Component Libraries

reverecre.github.ioTier C