<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

https://docs.react.tours

## Packages

### [@reactour/tour](https://github.com/elrumordelaluz/reactour/tree/main/packages/tour)

The main package, which uses the other ones to highlight parts of your application from an array of steps.

### [@reactour/mask](https://github.com/elrumordelaluz/reactour/tree/main/packages/mask)

A customizable Component to highlight certain element or area of the viewport.

### [@reactour/popover](https://github.com/elrumordelaluz/reactour/tree/main/packages/popover)

A customizable Component to attach to an element or position of the viewport to show content.

### [@reactour/utils](https://github.com/elrumordelaluz/reactour/tree/main/packages/utils)

A set of helper functions used by the other packages.

### [apps/web](https://github.com/elrumordelaluz/reactour/tree/main/apps/web)

The place where all the stuff is visible working, live [here](https://www.react.tours).

## 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

![Alt](https://repobeats.axiom.co/api/embed/3f2f3ea11677e9e844286258ca307eeb4327a04e.svg 'Repobeats analytics image')

## License

MIT © [Lionel Tzatzkin](https://elrumordelaluz.com)
