Stop Rebuilding UI

Shadcn.io is not affiliated with official shadcn/ui

React AI Onboarding Wizard Block

React AI onboarding wizard block for Next.js with step indicator, project presets, toggleable AI capabilities, and review summary using shadcn/ui and Tailwind CSS

Guide users through AI-powered onboarding with this React and Next.js wizard block. Three clear steps — project type selection, AI capability toggling, and a review summary — use expandable rows, toggleable switches, and a minimal summary view. Built with TypeScript, shadcn/ui Badge, Button, and Switch components plus Tailwind CSS. Ideal for AI SDK integration wizards, SaaS setup flows, and developer onboarding experiences.

React AI Onboarding Wizard Block preview

Loading...
Scroll to load preview

Installation

Install
Pro block

FAQ

Last updated on March 15, 2026

Was this page helpful?

Sign in to leave feedback.