DocsSupportPricing
Roadmap (has updates coming soon)XFigma3.3K
Categories
App Shell20
Auth20
Card43
Chart30
Dashboard8
Dialog14
Empty State14
Event CalendarThree new event calendar blocks added6
Form12
GanttNew gantt block added4
Kanban Board10
List11
Navbar13
Onboarding9
  • Onboarding 1
  • Onboarding 2
  • Onboarding 3
  • Onboarding 4
  • Onboarding 5
  • Onboarding 6
  • Onboarding 7
  • Onboarding 8
  • Onboarding 9
Profile9
Schedule10
Settings16
Sheet11
Stats15
Timeline9
Wizard7

Shadcn Components in the Onboarding 8 Block

  • Avatar
  • BadgeReUI
  • Button
  • Checkbox
  • Collapsible
  • Combobox
  • Field
  • FrameReUI
  • Icon StackReUI
  • Input
  • Item
  • Radio Group
  • Select
  • Spinner
  • StepperReUI
  • Switch
  • Tooltip

Dependencies

  • @hugeicons/core-free-icons
  • @hugeicons/react
  • lucide-react
  • motion

Shadcn Onboarding 8 Block

Dark 8-step workspace onboarding wizard with progress bar, agent picker, and CLI setup checklist. Part of the ReUI Shadcn Application Onboarding blocks collection.

Full-page dark onboarding flow: profile, role, workspace, goals, teammate invites, AI agent pick, and Codex CLI setup with a success screen. Animated progress bar, copyable commands. ReUI Stepper, Frame, Badge plus Combobox, Select, RadioGroup.

It is composed from Avatar, Badge, Button, Checkbox, Collapsible, Combobox, Field, Frame, 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 8 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 9 Six-step workspace onboarding wizard with marketing hero and animated progress bar

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 (291) Browse 291 Shadcn Application blocks across 21 categories.
  • Shadcn Data Grid Blocks (35) Browse 35 Shadcn Data Grid blocks across 8 categories.
  • Shadcn Solutions Blocks (65) Browse 65 Shadcn Solutions blocks across 9 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.

Frequently Asked Questions

PreviousOnboarding 7NextOnboarding 9

Application

  • App Shell
  • Auth
  • Card
  • Chart
  • Dashboard
  • Dialog
  • Empty State
  • Event CalendarThree new event calendar blocks added
  • Form
  • GanttNew gantt block added
  • Kanban Board
  • List
  • Navbar
  • Onboarding
  • Profile
  • Schedule
  • Settings
  • Sheet
  • Stats
  • Timeline
  • Wizard

Solutions

  • Agents
  • AI Ops
  • Analytics
  • Billing
  • Bookings
  • CRM
  • Files
  • Inventory
  • Users

Templates

  • E-commerce
  • SaaS
  • Dashboard
  • Landing
  • All templates

eCommerce

  • Category Card
  • Checkout
  • Comparison
  • Coupon
  • Filter Sidebar
  • Product Card
  • Product Detail
  • Product Grid
  • Receipt
  • Review
  • Shopping Cart
  • Wishlist

Data Grid

  • Base
  • Columns
  • Drag & DropNew drag and drop Data Grid block added
  • EditingNew editable Data Grid block added
  • Expansion
  • Filtering
  • GroupingFour new grouped and tree Data Grid blocks added
  • Virtualization

Marketing

  • Blog
  • Contact
  • CTA
  • FAQ

Resources

  • Components
  • Blocks
  • Icons
  • MCP for Agents
  • Docs
  • Support
  • Pricing
  • Roadmap(has updates coming soon)
  • AffiliateSoon

Legal

  • Privacy Policy
  • Terms & Conditions
  • License
  • Refunds
  • Cookies

© 2026 ReUI. All rights reserved.

3.3K
  1. Blocks
  3. Application
  5. Onboarding
  7. Onboarding 8

Shadcn Onboarding 8

Full-page dark onboarding flow: profile, role, workspace, goals, teammate invites, AI agent pick, and Codex CLI setup with a success screen. Animated progress bar, copyable commands. ReUI Stepper, Frame, Badge plus Combobox, Select, RadioGroup.