$
Run it inside an app made by intelligo create. Anywhere else, name the registry and install the base first.
Loading preview…
about this block
A generic multi-step onboarding wizard driven by a consumer-owned steps config: text and single-select-card fields, a completion screen, skip, and back/next - backed by the framework's onboarding service (durable step progress, no vertical-specific UI).
yours to edit
- lib/onboarding-steps.ts
messages/en/onboarding.json
Everything else is used verbatim; a deployment varies through these files and translations.How seams work →
requires
npm packages it adds
@intelligo-dev/auth · @intelligo-dev/next · lucide-react · server-only · next-intl · motion
what shadcn add writes · 10 files
Routes
- app/[locale]/onboarding/layout.tsx
- app/[locale]/onboarding/page.tsx
- app/[locale]/onboarding/error.tsx
Components
- components/onboarding/onboarding-wizard.tsx
- components/onboarding/onboarding-step.tsx
Actions, config and messages
- actions/onboarding.ts
- lib/onboarding.ts
- lib/onboarding-steps.ts
- messages/en/onboarding.json
- lib/onboarding-profile.ts
Ready to try it? Three commands and the app runs against a stub model.