Awesome
<p align="center"> <img alt="reactour" title="reactour" src="https://raw.githubusercontent.com/elrumordelaluz/reactour/main/logo.svg" width="250"> </p> <p align="center" style="margin-top: 40px"> <strong>Tourist Guide</strong> and a set of <strong>Assistants</strong> to travel into your React Components </p>Documentation
Packages
@reactour/tour
The main package, which uses the other ones to highlight parts of your application from an array of steps.
@reactour/mask
A customizable Component to highlight certain element or area of the viewport.
@reactour/popover
A customizable Component to attach to an element or position of the viewport to show content.
@reactour/utils
A set of helper functions used by the other packages.
apps/web
The place where all the stuff is visible working, live here.
Sponsored by
Gold sponsors 🥇
<p> <a href="https://frigade.com/?source=reactour"> <img alt="Frigade sponsor" title="Frigade sponsor" src="./sponsor-frigade.png" width="600"> </a> </p> <p> Reactour is proud to be sponsored by <a href="https://frigade.com/?source=reactour">Frigade</a>, a developer tool for building better product onboarding: guided tours, getting started checklists, announcements, and more. </p>Repo Activity
License
MIT © Lionel Tzatzkin