Shadcn Components in the Onboarding 9 Block
Dependencies
- @hugeicons/core-free-icons
- @hugeicons/react
- motion
Shadcn Onboarding 9 Block
Six-step workspace onboarding wizard with marketing hero and animated progress bar. Part of the ReUI Shadcn Application Onboarding blocks collection.
Profile, role, source, workspace, goals, and invite steps beside a marketing hero, with photo upload, goal pickers, timezone Combobox, success state. ReUI Stepper plus shadcn Card, Select, RadioGroup, Switch. First-run setup, getting-started flow.
It is composed from Avatar, Button, Card, Checkbox, Combobox, Field, Icon Stack, Input, and more, so every part of it is a primitive you can restyle with your own design tokens.
What You Can Build With the Onboarding 9 Block
- Install it with the ReUI registry command in the toolbar above, then swap the placeholder content, data wiring, and business logic for your own.
- Compare it across all eight ReUI styles and both the Base UI and Radix bases in the customizer before committing to one direction.
- Combine it with the other Shadcn Application Onboarding blocks to assemble a full screen instead of a single section.
All Shadcn Application Onboarding Blocks
The rest of this category, each on its own page with a live preview, the components it is built from, and the install command.
- Onboarding 1 Six-step workspace onboarding wizard with stepper progress and a live inbox preview pane
- Onboarding 2 Six-step workspace onboarding wizard with left sidebar vertical stepper and animated success state
- Onboarding 3 Split-screen workspace onboarding wizard with vertical stepper sidebar and animated dot-sphere panel
- Onboarding 4 Six-step workspace onboarding wizard with top progress bar and success screen
- Onboarding 5 Multi-step workspace onboarding dialog with dot stepper, animated steps, and success screen
- Onboarding 6 Eight-step workspace onboarding wizard with progress stepper, AI agent picker, copyable API setup
- Onboarding 7 Six-step workspace onboarding wizard with top progress bar and screenshot carousel rail
- Onboarding 8 Dark 8-step workspace onboarding wizard with progress bar, agent picker, and CLI setup checklist
Related Shadcn Application Block Categories
- App Shell (20) App shell layouts with sidebar navigation for dashboards, settings panels, and multi-page apps.
- Auth (20) Login, register, forgot password, and two-factor authentication page layouts.
- Card (43) Card components for content display, data summaries, and interactive elements.
- Chart (30) Chart components and layouts with bar, line, pie, and area charts for data storytelling.
- Dashboard (8) Dashboard components and layouts that combine stats, charts, and tables into a complete overview screen.
- Dialog (14) Dialog components for modal windows, alerts, confirmations, and content overlays.
All Shadcn Block Groups
Browse the full ReUI Shadcn blocks library by product surface. Each group bundles category-level blocks you can mix and match across your project.
- Shadcn Application Blocks (287) Browse 287 Shadcn Application blocks across 21 categories.
- Shadcn Data Grid Blocks (30) Browse 30 Shadcn Data Grid blocks across 8 categories.
- Shadcn Solutions Blocks (64) Browse 64 Shadcn Solutions blocks across 8 categories.
- Shadcn eCommerce Blocks (87) Browse 87 Shadcn eCommerce blocks across 12 categories.
- Shadcn Marketing Blocks (24) Browse 24 Shadcn Marketing blocks across 4 categories.