Onboarding Components
Comprehensive onboarding and welcome components for user engagement with visual previews for all components.
import { ... } from "@/components/blocks/onboarding"OnboardingWelcome
FreeImport OnboardingWelcome from @/components/blocks/onboarding
OnboardingIntro
ProImport OnboardingIntro from @/components/blocks/onboarding
OnboardingSteps
FreeImport OnboardingSteps from @/components/blocks/onboarding
OnboardingStepsVertical
ProImport OnboardingStepsVertical from @/components/blocks/onboarding
OnboardingProgress
ProImport OnboardingProgress from @/components/blocks/onboarding
OnboardingProgressBar
ProImport OnboardingProgressBar from @/components/blocks/onboarding
OnboardingChecklist
ProImport OnboardingChecklist from @/components/blocks/onboarding
OnboardingTasks
ProImport OnboardingTasks from @/components/blocks/onboarding
OnboardingWizard
ProImport OnboardingWizard from @/components/blocks/onboarding
OnboardingWizardCards
ProImport OnboardingWizardCards from @/components/blocks/onboarding
OnboardingTour
ProImport OnboardingTour from @/components/blocks/onboarding
OnboardingGuide
ProImport OnboardingGuide from @/components/blocks/onboarding
OnboardingSetup
ProImport OnboardingSetup from @/components/blocks/onboarding
OnboardingConfig
ProImport OnboardingConfig from @/components/blocks/onboarding
OnboardingProfile
ProImport OnboardingProfile from @/components/blocks/onboarding
OnboardingPreferences
ProImport OnboardingPreferences from @/components/blocks/onboarding
OnboardingComplete
ProImport OnboardingComplete from @/components/blocks/onboarding
OnboardingSuccess
ProImport OnboardingSuccess from @/components/blocks/onboarding
OnboardingSkippable
ProImport OnboardingSkippable from @/components/blocks/onboarding
OnboardingOptional
ProImport OnboardingOptional from @/components/blocks/onboarding
OnboardingVideo
ProImport OnboardingVideo from @/components/blocks/onboarding
OnboardingDemo
ProImport OnboardingDemo from @/components/blocks/onboarding
WelcomeHero
ProImport WelcomeHero from @/components/blocks/onboarding
WelcomeBanner
ProImport WelcomeBanner from @/components/blocks/onboarding
WelcomeCard
ProImport WelcomeCard from @/components/blocks/onboarding
WelcomeModal
ProImport WelcomeModal from @/components/blocks/onboarding
WelcomeBack
ProImport WelcomeBack from @/components/blocks/onboarding
WelcomeNew
ProImport WelcomeNew from @/components/blocks/onboarding
WelcomeDashboard
ProImport WelcomeDashboard from @/components/blocks/onboarding
WelcomeOverview
ProImport WelcomeOverview from @/components/blocks/onboarding
WelcomeMessage
ProImport WelcomeMessage from @/components/blocks/onboarding
WelcomeNote
ProImport WelcomeNote from @/components/blocks/onboarding
WelcomeWithTips
ProImport WelcomeWithTips from @/components/blocks/onboarding
WelcomeWithTour
ProImport WelcomeWithTour from @/components/blocks/onboarding
WelcomePersonalized
ProImport WelcomePersonalized from @/components/blocks/onboarding
WelcomeCustom
ProImport WelcomeCustom from @/components/blocks/onboarding
WelcomeGetStarted
ProImport WelcomeGetStarted from @/components/blocks/onboarding
WelcomeQuickStart
ProImport WelcomeQuickStart from @/components/blocks/onboarding
FirstTimeUser
ProImport FirstTimeUser from @/components/blocks/onboarding
ReturningUser
ProImport ReturningUser from @/components/blocks/onboarding
WelcomeWithStats
ProImport WelcomeWithStats from @/components/blocks/onboarding
WelcomeWithProgress
ProImport WelcomeWithProgress from @/components/blocks/onboarding
GettingStartedGuide
ProImport GettingStartedGuide from @/components/blocks/onboarding
GettingStartedSteps
ProImport GettingStartedSteps from @/components/blocks/onboarding
GettingStartedChecklist
FreeImport GettingStartedChecklist from @/components/blocks/onboarding
GettingStartedTasks
ProImport GettingStartedTasks from @/components/blocks/onboarding
GettingStartedCards
ProImport GettingStartedCards from @/components/blocks/onboarding
GettingStartedGrid
ProImport GettingStartedGrid from @/components/blocks/onboarding
QuickStartGuide
ProImport QuickStartGuide from @/components/blocks/onboarding
QuickStartSteps
ProImport QuickStartSteps from @/components/blocks/onboarding
SetupGuide
ProImport SetupGuide from @/components/blocks/onboarding
SetupWizard
ProImport SetupWizard from @/components/blocks/onboarding
FirstSteps
ProImport FirstSteps from @/components/blocks/onboarding
NextSteps
ProImport NextSteps from @/components/blocks/onboarding
StartHere
ProImport StartHere from @/components/blocks/onboarding
BeginJourney
ProImport BeginJourney from @/components/blocks/onboarding
TutorialIntro
ProImport TutorialIntro from @/components/blocks/onboarding
LearningPath
ProImport LearningPath from @/components/blocks/onboarding
All 58 components include viewport switching, code editing, and responsive previews. Import any component directly from @/components/blocks/onboarding