Mursa Guide
A lightweight React library for creating interactive product tours and user onboarding experiences. Guide your users through your app with beautiful step-by-step walkthroughs.
Key Features
Step-by-Step Tours
Create guided tours with multiple steps that highlight different parts of your UI.
Smart Positioning
Tooltips automatically position themselves to stay visible on screen.
Customizable Themes
Built-in light and dark themes with full CSS customization support.
How to Use Mursa Guide
- 1Install the package
Run
npm install mursa-guideto add the library to your React project. - 2Define your tour steps
Create an array of steps with target selectors, titles, and content. Each step points to a DOM element you want to highlight.
- 3Start the tour
Use the provided hook or component to trigger the tour when users first visit, click a help button, or complete an action.
Why Use Mursa Guide?
Help new users understand your app faster with interactive guided tours that highlight key features.
Minimal bundle size with no external dependencies. Keeps your app fast and responsive.
Control every aspect of your tours including positioning, animations, callbacks, and conditional steps.
Keyboard navigation and screen reader support for inclusive user experiences.