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!

Features

  • To update the default theme, just pass a styles prop to the Joyride component
  • You can control the overall theme with the special options object
  • Version 2 uses inline styles instead of V1 SCSS
  • You can customize the styles per step too
  • f you want to customize the arrow, check react-floater documentation
  • Check styles.js for more information

Project Samples

React Joyride Screenshot 1

Project Activity

See All Activity >

Categories

User Interface (UI)

License

MIT License

Follow React Joyride

React Joyride Web Site

Other Useful Business Software
$300 Free Credits to Build on Google Cloud Icon
$300 Free Credits to Build on Google Cloud

New to Google Cloud? Get $300 in credits to explore Compute Engine, BigQuery, Cloud Run, Gemini Enterprise Agent Platform, and more.

Start your next project with $300 in free Google Cloud credit. Spin up VMs, run containers, query petabytes in BigQuery, or build agents with Gemini Enterprise Agent Platform. Once your credits are used, keep building with 20+ always-free tier products including Compute Engine, Cloud Storage, GKE, and Cloud Run functions. No commitment required—just sign up and start building.
Claim $300 Free
Rate This Project
Login To Rate This Project

User Reviews

Be the first to post a review of React Joyride!

Additional Project Details

Programming Language

JavaScript

Related Categories

JavaScript User Interface (UI) Software

Registered

2022-01-05
Report inappropriate content