Onboarding
Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
Unlock this block—Get Pro at 60% off
React Onboarding Tour
Interactive tour with spotlight highlights, step tooltips, and guided walkthrough for feature education
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
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.
Acme Inc
Search...
Dashboard
Documents
Team
Analytics
Settings
Dashboard
Step 1 of 5
Your Dashboard
This is your home base. View key metrics and recent activity at a glance.
Installation
Related blocks you will also like
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