About
A multi-step onboarding wizard with square numbered step indicators and a content card that walks users through product setup or feature introductions.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Step Onboarding Wizard to your project and fits it to your theme.
Code
How Step Onboarding Wizard is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import { Onboarding9, onboarding9Demo } from "@/components/ui/onboarding9";
export default function Onboarding9Demo() {
return <Onboarding9 {...onboarding9Demo} />;
}








