V3
Create guided tours for your apps
Explore the features
Features
Hooks API
New in V3 — useJoyride() puts you in the driver's seat with a complete imperative API.
Custom Components
Replace beacons, tooltips, and arrows with your own components.
Smart Scrolling
Auto-scrolls to each target. Use scrollTarget and scrollOffset to fine-tune.
Fully Configurable
Control every aspect: placement, buttons, callbacks, styling, and more.
How It Works
1
Define Steps
Create an array of steps with targets, content, and options.
2
Configure
Set tour behavior: continuous mode, scrolling, callbacks.
3
Launch
Set run to true and the tour guides your users.
About
React Joyride has been helping developers create better onboarding experiences since 2015. Used by thousands of applications worldwide.
7k+GitHub Stars
700k+Weekly Downloads
16.8–19React Versions
~22kbBundle Size