<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.reactour.dev

## 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.reactour.dev).

## Repo Activity

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

## License

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