Shadcn Tour
The tour component is a tool designed to facilitate product tours with motion and visual enhancements. It includes key components such as TourProvider, TourAlertDialog, and useTour hook to create engaging and interactive tours for applications.
About Shadcn Tour
Shadcn Tour is a lightweight, motion-rich product-tour system for Shadcn-based apps. It provides TourProvider, TourAlertDialog, and the useTour hook to craft guided walks with smooth transitions and clear step highlighting. Install, wrap your app, define steps, and guide users through polished onboarding experiences.
The tour component is a tool designed to facilitate product tours with motion and visual enhancements. It includes key components such as TourProvider, TourAlertDialog, and useTour hook to create engaging and interactive tours for applications.
Features
- TourProvider
- TourAlertDialog
- useTour
- Run the command to install the necessary packages and components
- After installation, components like TourProvider, TourAlertDialog, and useTour hook will be added to your project under components/tour.tsx.
- Additional step IDs will be added under lib/tour-constants.ts for reference.
Use Cases
Target Audience
Discover More Tools
Explore our comprehensive directory to find complementary tools and innovative solutions that enhance your development workflow alongside Shadcn Tour.