Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: 5 days 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 (almost 8 years ago)
Default Branch: main
Last Pushed: 2024-10-15T12:41:46.000Z (3 months ago)
Last Synced: 2024-10-29T17:38:07.786Z (3 months 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.7 MB
Stars: 3,842
Watchers: 23
Forks: 350
Open Issues: 71
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