https://github.com/elrumordelaluz/reactour

Tourist Guide into your React Components
https://github.com/elrumordelaluz/reactour

getting-started guide guided-tours hacktoberfest intro introduction joyride onboarding presentation product-intro product-onboarding react react-components reactjs step-by-step tour tourist-guide walkthrough

Last synced: 1 day ago
JSON representation

Tourist Guide into your React Components

• Host: GitHub
• URL: https://github.com/elrumordelaluz/reactour
• Owner: elrumordelaluz
• License: mit
• Created: 2017-03-17T18:43:49.000Z (about 8 years ago)
• Default Branch: main
• Last Pushed: 2024-12-20T12:25:53.000Z (4 months ago)
• Last Synced: 2025-04-18T18:02:35.774Z (5 days ago)
• Topics: getting-started, guide, guided-tours, hacktoberfest, intro, introduction, joyride, onboarding, presentation, product-intro, product-onboarding, react, react-components, reactjs, step-by-step, tour, tourist-guide, walkthrough
• Language: TypeScript
• Homepage: https://react.tours
• Size: 15.9 MB
• Stars: 3,920
• Watchers: 22
• Forks: 357
• Open Issues: 80
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • Funding: FUNDING.yml
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

• awesome-web - reactour
• awesome-github-star - reactour
• awesome-list - reactour

README

        


  





  Tourist Guide and a set of Assistants to travel into your React Components



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



  

    

  





  Reactour is proud to be sponsored by  Frigade, a developer tool for building better product onboarding: guided tours, getting started checklists, announcements, and more.



## Repo Activity

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

## License

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