Onboarding wizardPro

• Role and goals
• Team size
• Bulk invites
• Confetti finish

• Right after sign-up, to personalize the product.

• More than five questions: people drop off.

Import it from @/components/blocks/onboarding-wizard after installing. It ships with sample data, so it renders straight away; swap in your own data when you're ready.

import { OnboardingWizard } from "@/components/blocks/onboarding-wizard";

export default function Page() {
  return (
    <main className="mx-auto max-w-6xl p-6">
      <OnboardingWizard />
    </main>
  );
}

• Questions are fieldsets with legends; single choices are radio groups and multi choices are toggle buttons.
• Progress is a labelled progressbar.

• Steps slide; choices pop in with a stagger; confetti bursts from the finish button (skipped under reduced motion).

• Choices are 2 columns on phones, 3 on wider screens.

• Confetti draws on a temporary canvas that removes itself.

• Save answers to the user profile to tailor templates and docs.