@tour

Niche/single-purpose · MIT · data updated 2026-07-28

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.

Preview

Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.

npx shadcn@latest add https://onboarding-tour.vercel.app/r/tour.json