Stop Rebuilding UI

Shadcn.io is not affiliated with official shadcn/ui

Previous: React Onboarding Template Selection
Next: React Onboarding Use Case

React Onboarding Tour

Interactive tour with spotlight highlights, step tooltips, and guided walkthrough for feature education

Guide users through your app with this interactive tour. Features spotlight highlighting, positioned tooltips, step counter, and navigation controls. Built with shadcn/ui Card and Button. Perfect for complex dashboards, feature education, or interactive tutorials.

React Onboarding Tour preview

Loading...
Scroll to load preview

Installation

Install
Pro block

React Onboarding Carousel

Feature carousel

React Onboarding Shortcuts

Keyboard shortcuts

React Onboarding First Project

First project creation

React Onboarding Goals

Goal setting

React Onboarding Personalization

Content personalization

React Onboarding Walkthrough

Guided walkthrough

FAQ

React Onboarding Template Selection

Template selection with preview cards, category filters, and popular badges for quick project starts

React Onboarding Use Case

Use case selection with option cards, icons, and multi-select support for experience personalization