@tour
A single shadcn/ui-compatible component for building interactive product onboarding tours in React applications. Handles step sequencing, popover positioning relative to target elements, and progression controls, designed to integrate directly with shadcn/ui's existing Popover and Dialog primitives and Tailwind CSS styling. Free and open source (MIT). Use for: SaaS or internal tool UIs that need a lightweight, shadcn-native step-by-step onboarding tour without pulling in a heavyweight third-party tour library.
1 components react shadcn-cli MIT
Install this registry
shadcn (npm)
npx shadcn@latest add https://onboarding-tour.vercel.app/r/registry.json pnpm
pnpm dlx shadcn@latest add https://onboarding-tour.vercel.app/r/registry.json bun
bunx shadcn@latest add https://onboarding-tour.vercel.app/r/registry.json fetch registry
curl -s https://onboarding-tour.vercel.app/r/registry.json Components
1 total Tour ui
A tour component.
npx shadcn@latest add https://onboarding-tour.vercel.app/r/tour.json