Intro.js React Wrapper

JSON →
library 1.0.0 ·javascript
verified May 27, 2026

intro.js-react is a lightweight and actively maintained React wrapper for the Intro.js library, designed to simplify the creation of step-by-step product tours and hints within React applications. Currently at version 1.0.0, this package provides two primary components: `Steps` for guided tours and `Hints` for contextual popovers. It abstracts away direct Intro.js imperative API calls, allowing developers to manage tours declaratively using React props for configuration, steps, and lifecycle callbacks. Key differentiators include its adherence to React's component model, handling Intro.js instance management, and providing a more idiomatic React experience compared to integrating Intro.js directly. While it requires `intro.js` and `react` as peer dependencies, it handles the synchronization between React state and the underlying Intro.js instance, offering callbacks for various tour events like `onStart`, `onChange`, and `onComplete`. The package also supports Intro.js options directly through a dedicated `options` prop.

total hits 10
actors 6 distinct systems
last hit 5d ago MetaBot
GPTBot
2
Script
1
MetaBot
1
Search engines
1

top countries 🇺🇸 United States · 🇫🇮 Finland · 🇨🇦 Canada · 🇩🇪 Germany · 🇫🇷 France