ComponentsOnboarding Components

Onboarding Components

Comprehensive onboarding and welcome components for user engagement with visual previews for all 58 components.

58components

3 Free·55 Pro

import { ... } from "@/components/blocks/onboarding"

OnboardingWelcome

Free

1280px

Loading preview...

OnboardingIntro

Pro

1280px

Loading preview...

OnboardingSteps

Free

1280px

Loading preview...

OnboardingStepsVertical

Pro

1280px

Loading preview...

OnboardingProgress

Pro

1280px

Loading preview...

OnboardingProgressBar

Pro

1280px

Loading preview...

OnboardingChecklist

Pro

1280px

Loading preview...

OnboardingTasks

Pro

1280px

Loading preview...

OnboardingWizard

Pro

1280px

Loading preview...

OnboardingWizardCards

Pro

1280px

Loading preview...

OnboardingTour

Pro

1280px

Loading preview...

OnboardingGuide

Pro

1280px

Loading preview...

OnboardingSetup

Pro

1280px

Loading preview...

OnboardingConfig

Pro

1280px

Loading preview...

OnboardingProfile

Pro

1280px

Loading preview...

OnboardingPreferences

Pro

1280px

Loading preview...

OnboardingComplete

Pro

1280px

Loading preview...

OnboardingSuccess

Pro

1280px

Loading preview...

OnboardingSkippable

Pro

1280px

Loading preview...

OnboardingOptional

Pro

1280px

Loading preview...

OnboardingVideo

Pro

1280px

Loading preview...

OnboardingDemo

Pro

1280px

Loading preview...

WelcomeHero

Pro

1280px

Loading preview...

WelcomeBanner

Pro

1280px

Loading preview...

WelcomeCard

Pro

1280px

Loading preview...

WelcomeModal

Pro

1280px

Loading preview...

WelcomeBack

Pro

1280px

Loading preview...

WelcomeNew

Pro

1280px

Loading preview...

WelcomeDashboard

Pro

1280px

Loading preview...

WelcomeOverview

Pro

1280px

Loading preview...

WelcomeMessage

Pro

1280px

Loading preview...

WelcomeNote

Pro

1280px

Loading preview...

WelcomeWithTips

Pro

1280px

Loading preview...

WelcomeWithTour

Pro

1280px

Loading preview...

WelcomePersonalized

Pro

1280px

Loading preview...

WelcomeCustom

Pro

1280px

Loading preview...

WelcomeGetStarted

Pro

1280px

Loading preview...

WelcomeQuickStart

Pro

1280px

Loading preview...

FirstTimeUser

Pro

1280px

Loading preview...

ReturningUser

Pro

1280px

Loading preview...

WelcomeWithStats

Pro

1280px

Loading preview...

WelcomeWithProgress

Pro

1280px

Loading preview...

GettingStartedGuide

Pro

1280px

Loading preview...

GettingStartedSteps

Pro

1280px

Loading preview...

GettingStartedChecklist

Free

1280px

Loading preview...

GettingStartedTasks

Pro

1280px

Loading preview...

GettingStartedCards

Pro

1280px

Loading preview...

GettingStartedGrid

Pro

1280px

Loading preview...

QuickStartGuide

Pro

1280px

Loading preview...

QuickStartSteps

Pro

1280px

Loading preview...

SetupGuide

Pro

1280px

Loading preview...

SetupWizard

Pro

1280px

Loading preview...

FirstSteps

Pro

1280px

Loading preview...

NextSteps

Pro

1280px

Loading preview...

StartHere

Pro

1280px

Loading preview...

BeginJourney

Pro

1280px

Loading preview...

TutorialIntro

Pro

1280px

Loading preview...

LearningPath

Pro

1280px

Loading preview...

All 58 components include viewport switching, code editing, and responsive previews. Import any component directly from @/components/blocks/onboarding