Four-step signup form (account, profile, preferences, done) validated per step with react-hook-form and zod, where each step indicator is a Cloudy Nimbus disc that takes a check when done.
The source comes with full access.
One payment of $149 ($49 for now) opens the source right here and lets the CLI install every paid component, with lifetime updates.
pnpm dlx shadcn add @01orbital/signup-wizardnpx shadcn add @01orbital/signup-wizardyarn shadcn add @01orbital/signup-wizardbunx --bun shadcn add @01orbital/signup-wizardPart of the 01orbital library. With a license, put ORBITAL_TOKEN in .env.local and the same command installs it (licensed install, pricing).
It lands at components/blocks/stepper/signup-wizard/index.tsx, as source you own and edit.
import SignupWizard from "@/components/blocks/stepper/signup-wizard"
export default function Example() {
return <SignupWizard />
}npm: @hookform/resolvers, @phosphor-icons/react, react-hook-form, zod. The CLI installs them for you.
Registry pieces it installs with it:
buttoncheckboxfieldinputSetup Progress
Onboarding checklist card with a read-only segmented bar counting done tasks, struck-through completed items, inline actions for open ones, a revealable CLI command and a Hide control.
Signup Wizard Bars
Bars version of Signup Wizard: email and password, profile, preference checkboxes and a welcome step, validated with react-hook-form and zod and tracked by plain rail segments.