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
Installation
Related Components
AI Message
Chat message component
AI Reasoning
Thinking display
AI Actions
Action toolbar
AI Suggestion
Quick reply buttons
FAQ
Was this page helpful?
Sign in to leave feedback.
React AI Multimodal Chat Block
React AI multimodal chat block for Next.js with image attachments, vision analysis, and rich message content using shadcn/ui and Tailwind CSS
React AI Performance Metrics Block
React AI performance monitoring block for Next.js with latency percentiles, throughput, error rate, and response distribution using shadcn/ui and Tailwind CSS