About
A card-based onboarding wizard that walks a new user through profile, workspace, and invite steps with a progress bar, step indicator, and a final summary screen.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Multi-Step Setup Wizard to your project and fits it to your theme.
Code
How Multi-Step Setup Wizard is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import OnboardingWizard from "@/components/ui/onboarding-3";
export default function OnboardingWizardDemo() {
return <OnboardingWizard />;
}








