User Onboarding Flow — 4 Steps

A post-signup onboarding flow with welcome screen, profile setup, plan selection, and completion screen.

Authentication authentication onboarding multi-step animated complex

Prompt

Create a 4-step onboarding flow:

Step 1: Welcome — animated illustration, value prop, "Let's get started"
Step 2: Profile — avatar upload, display name, job title, company, team size radio cards
Step 3: Plan — 3 plan cards (Free, Pro, Team), skip option
Step 4: Done — confetti, success message, "Go to Dashboard", checklist of next steps

Progress bar at top throughout. Use shadcn/ui, Tailwind CSS, framer-motion

Share:Share on X