react-joyride
Create guided tours for your apps
Last updated 2 years ago
by gilbarbara
.
MIT
·
Repository
·
Bugs
·
Original npm
·
Tarball
·
package.json
$ cnpm install react-joyride
SYNC missed versions from
official npm registry.
React Joyride
Create awesome tours for your app!
Showcase your app to new users or explain functionality of new features.
It uses react-floater for positioning and styling.
And you can use your own components too!
View the demo here (or the codesandbox examples)
Read the docs
Talk about it on the Discussions board.
Setup
npm i react-joyride
Getting Started
import Joyride from 'react-joyride';
export class App extends React.Component {
state = {
steps: [
{
target: '.my-first-step',
content: 'This is my awesome feature!',
},
{
target: '.my-other-step',
content: 'This another awesome feature!',
},
...
]
};
render () {
const { steps } = this.state;
return (
<div className="app">
<Joyride
steps={steps}
...
/>
...
</div>
);
}
}
If you need to support legacy browsers you need to include the scrollingelement polyfill.
Sponsored by
React Joyride is proud to be sponsored by Frigade, a developer tool for building better product onboarding: guided tours, getting started checklists, announcements, etc.
Development
Setting up a local development environment is easy!
Clone (or fork) this repo on your machine, navigate to its location in the terminal and run:
npm install
npm link # link your local repo to your global packages
npm run watch # build the files and watch for changes
Now clone https://github.com/gilbarbara/react-joyride-demo and run:
npm install
npm link react-joyride # just link your local copy into this project's node_modules
npm start
Start coding! ????
Current Tags
137 Versions
- 3.0.0-7 ... a year ago
- 2.9.3 ... a year ago
- 3.0.0-6 ... 2 years ago
- 3.0.0-5 ... 2 years ago
- 3.0.0-4 ... 2 years ago
- 3.0.0-3 ... 2 years ago
- 3.0.0-2 ... 2 years ago
- 3.0.0-1 ... 2 years ago
- 3.0.0-0 ... 2 years ago
- 2.9.2 ... 2 years ago
- 2.9.1 ... 2 years ago
- 2.9.0 ... 2 years ago
- 2.8.2 ... 2 years ago
- 2.8.1 ... 2 years ago
- 2.8.0 ... 2 years ago
- 2.7.4 ... 2 years ago
- 2.7.3 ... 2 years ago
- 2.7.2 ... 2 years ago
- 2.7.2-0 ... 2 years ago
- 2.7.1 ... 2 years ago
- 2.7.0 ... 2 years ago
- 2.6.2 ... 2 years ago
- 2.6.1 ... 3 years ago
- 2.6.0 ... 3 years ago
- 2.6.0-1 ... 3 years ago
- 2.6.0-0 ... 3 years ago
- 2.5.5 ... 3 years ago
- 2.5.4 ... 3 years ago
- 2.5.3 ... 4 years ago
- 2.5.2 ... 4 years ago
- 2.5.1 ... 4 years ago
- 2.5.0 ... 4 years ago
- 2.5.0-0 ... 4 years ago
- 2.4.0 ... 4 years ago
- 2.4.0-0 ... 4 years ago
- 2.3.2 ... 4 years ago
- 2.3.1 ... 5 years ago
- 2.3.0 ... 5 years ago
- 2.2.1 ... 6 years ago
- 2.2.0 ... 6 years ago
- 2.2.0-0 ... 6 years ago
- 2.1.1 ... 7 years ago
- 2.1.0 ... 7 years ago
- 2.0.5 ... 7 years ago
- 2.0.4 ... 7 years ago
- 2.0.3 ... 7 years ago
- 2.0.2 ... 7 years ago
- 2.0.2-0 ... 7 years ago
- 2.0.1 ... 7 years ago
- 2.0.0-rc.3 ... 7 years ago
- 2.0.0-rc.2 ... 7 years ago
- 2.0.0-rc.1 ... 7 years ago
- 2.0.0-rc ... 7 years ago
- 2.0.0-15 ... 8 years ago
- 2.0.0 ... 8 years ago
- 2.0.0-14 ... 8 years ago
- 2.0.0-13 ... 8 years ago
- 2.0.0-12 ... 8 years ago
- 2.0.0-11 ... 8 years ago
- 2.0.0-10 ... 8 years ago
- 2.0.0-9 ... 8 years ago
- 2.0.0-8 ... 8 years ago
- 2.0.0-7 ... 8 years ago
- 2.0.0-6 ... 8 years ago
- 2.0.0-5 ... 8 years ago
- 2.0.0-4 ... 8 years ago
- 2.0.0-3 ... 8 years ago
- 2.0.0-2 ... 8 years ago
- 1.11.4 ... 8 years ago
- 2.0.0-1 ... 8 years ago
- 2.0.0-0 ... 8 years ago
- 1.11.3 ... 8 years ago
- 1.11.2 ... 8 years ago
- 1.11.1 ... 8 years ago
- 1.11.0 ... 8 years ago
- 1.10.1 ... 9 years ago
- 1.10.0 ... 9 years ago
- 1.9.3 ... 9 years ago
- 1.9.2 ... 9 years ago
- 1.9.1 ... 9 years ago
- 1.9.0 ... 9 years ago
- 1.8.3 ... 9 years ago
- 1.8.2 ... 9 years ago
- 1.8.1 ... 9 years ago
- 1.8.0 ... 9 years ago
- 1.7.0 ... 9 years ago
- 1.6.0 ... 9 years ago
- 1.5.2 ... 9 years ago
- 1.5.1 ... 9 years ago
- 1.5.0 ... 10 years ago
- 1.4.8 ... 10 years ago
- 1.4.7 ... 10 years ago
- 1.4.6 ... 10 years ago
- 1.4.5 ... 10 years ago
- 1.4.4 ... 10 years ago
- 1.4.2 ... 10 years ago
- 1.4.1 ... 10 years ago
- 1.4.0 ... 10 years ago
- 1.3.6 ... 10 years ago
- 1.3.5 ... 10 years ago
- 1.3.4 ... 10 years ago
- 1.3.3 ... 10 years ago
- 1.3.2 ... 10 years ago
- 1.3.1 ... 10 years ago
- 1.3.0 ... 10 years ago
- 1.2.0 ... 10 years ago
- 1.1.1 ... 10 years ago
- 1.1.0 ... 10 years ago
- 1.0.5 ... 10 years ago
- 1.0.4 ... 10 years ago
- 1.0.3 ... 10 years ago
- 1.0.2 ... 10 years ago
- 1.0.1 ... 10 years ago
- 1.0.0 ... 10 years ago
- 0.7.6 ... 10 years ago
- 0.7.5 ... 10 years ago
- 0.7.4 ... 10 years ago
- 0.7.3 ... 10 years ago
- 0.7.2 ... 10 years ago
- 0.7.1 ... 10 years ago
- 0.7.0 ... 11 years ago
- 0.6.7 [deprecated] ... 11 years ago
- 0.6.6 [deprecated] ... 11 years ago
- 0.6.5 [deprecated] ... 11 years ago
- 0.6.4 [deprecated] ... 11 years ago
- 0.6.3 [deprecated] ... 11 years ago
- 0.6.2 [deprecated] ... 11 years ago
- 0.6.1 [deprecated] ... 11 years ago
- 0.6.0 [deprecated] ... 11 years ago
- 0.5.5 [deprecated] ... 11 years ago
- 0.5.4 [deprecated] ... 11 years ago
- 0.5.3 [deprecated] ... 11 years ago
- 0.5.2 [deprecated] ... 11 years ago
- 0.5.1 [deprecated] ... 11 years ago
- 0.5.0 [deprecated] ... 11 years ago
- 0.4.6 [deprecated] ... 11 years ago
- 0.4.0 [deprecated] ... 11 years ago
Maintainers (1)
gilbarbara
Downloads
Today
0
This Week
2
This Month
5
Last Day
1
Last Week
9
Last Month
43
Dependencies (12)
- @gilbarbara/deep-equal ^0.3.1
- @gilbarbara/helpers ^0.9.0
- deep-diff ^1.0.2
- deepmerge ^4.3.1
- is-lite ^1.2.0
- react-floater ^0.7.9
- react-innertext ^1.1.5
- react-is ^16.13.1
- scroll ^3.0.1
- scrollparent ^2.1.0
- tree-changes ^0.11.2
- type-fest ^4.8.3
Dev Dependencies (39)
- @arethetypeswrong/cli ^0.13.5
- @gilbarbara/eslint-config ^0.7.2
- @gilbarbara/node-helpers ^0.1.0
- @gilbarbara/prettier-config ^1.0.0
- @gilbarbara/tsconfig ^0.2.3
- @playwright/experimental-ct-react ^1.40.1
- @size-limit/preset-big-lib ^11.0.1
- @swc/core ^1.3.100
- @swc/jest ^0.2.29
- @testing-library/dom ^9.3.3
- @testing-library/jest-dom ^6.1.5
- @testing-library/react ^14.1.2
- @total-typescript/shoehorn ^0.1.1
- @types/exenv ^1.2.2
- @types/jest ^29.5.11
- @types/node ^20.10.4
- @types/react ^18.2.45
- @types/react-dom ^18.2.17
- @types/scroll ^3.0.3
- @types/scrollparent ^2.0.3
- caniuse-lite ^1.0.30001570
- cross-env ^7.0.3
- csstype ^3.1.3
- del-cli ^5.1.0
- husky ^8.0.3
- is-ci-cli ^2.2.0
- jest ^29.7.0
- jest-environment-jsdom ^29.7.0
- jest-extended ^4.0.2
- jest-watch-typeahead ^2.2.2
- lint-staged ^15.2.0
- react ^18.2.0
- react-dom ^18.2.0
- repo-tools ^0.3.1
- size-limit ^11.0.1
- ts-jest ^29.1.1
- ts-node ^10.9.2
- tsup ^8.0.1
- typescript ^5.3.3
Dependents (2)