# Onboarding blocks for shadcn/ui

> 91 onboarding blocks from public shadcn/ui registries, free and paid, with live previews, source code and install commands.

- Page, with live previews: https://shadcn.exchange/blocks/onboarding
- 91 blocks, 31 free and 60 paid, from 19 registries.
- Search them as JSON: `https://shadcn.exchange/api/catalog?kind=blocks&category=onboarding&q=<words>`. Add `price=free` for the ones you can install, and `offset=<n>` for the next 24.
- With the shadcn CLI, which finds free blocks by their words: `npx shadcn@latest search @shadcn-exchange -q onboarding`

Each block's page answers in Markdown, source included, at its address with `.md` on the end. [The whole site for agents](https://shadcn.exchange/llms.txt).

## Free onboarding blocks

All 31 blocks, best first. Each installs with the command beside it, in a project that has shadcn/ui set up.

- [Multi-Step Setup Wizard by @7ovr](https://shadcn.exchange/r/7ovr/onboarding-3): Onboarding wizard card stepping through profile, workspace, invites, and a summary, with a progress bar, step indicator, and preference switches. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/onboarding-3.json`
- [Invite Your Team Step by @7ovr](https://shadcn.exchange/r/7ovr/onboarding-5): Invite-teammates onboarding step marked 3 of 4, with add and remove email rows, a role select per invite, and skip or send actions. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/onboarding-5.json`
- [Three-Card Setup Steps by @7ovr](https://shadcn.exchange/r/7ovr/onboarding-2): Onboarding laid out as three numbered step cards for importing data, inviting teammates, and customizing the workspace, each toggling to complete. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/onboarding-2.json`
- [First-Run Welcome Screen by @7ovr](https://shadcn.exchange/r/7ovr/onboarding-4): First-run onboarding empty state with a layered rocket illustration, welcome badge, create-project button, take-the-tour action, and reassurance hints. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/onboarding-4.json`
- [Welcome Checklist Card by @7ovr](https://shadcn.exchange/r/7ovr/onboarding-1): Onboarding welcome card with a setup progress bar and three checkbox steps for reading docs, inviting the team, and configuring the workspace. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/onboarding-1.json`
- [Dismissible Getting Started Widget by @7ovr](https://shadcn.exchange/r/7ovr/onboarding-6): Compact getting-started widget with a dismiss button, progress bar, and a five-step checklist showing completed steps struck through. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/onboarding-6.json`
- [Onboarding feed 01 by @shadcn-studio](https://shadcn.exchange/r/shadcn-studio/onboarding-feed-01): Accordion-style onboarding checklist with per-step CTAs, completion state, and navigation. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-studio/onboarding-feed-01.json`
- [Onboarding 01 by @hirael](https://shadcn.exchange/r/hirael/onboarding-01): Four-step setup wizard on the Stepper: controlled or uncontrolled step, per-step validation gating Continue, Skip, Back, a Finish that fires onComplete, and a fade between steps. Ships composable parts. `npx shadcn@latest add https://shadcn.exchange/r/hirael/onboarding-01.json`
- [Onboarding Deploy Pipeline by @blocks-so](https://shadcn.exchange/r/blocks-so/onboarding-07): A onboarding deploy pipeline block. `npx shadcn@latest add https://shadcn.exchange/r/blocks-so/onboarding-07.json`
- [Invite 1: accept a team invitation by @ballmac](https://shadcn.exchange/r/ballmac/invite-1): The page an invitation email opens: workspace tile, who invited you, your role and what it allows, the account being used, accept and decline, with welcome, declined and expired states. `npx shadcn@latest add https://shadcn.exchange/r/ballmac/invite-1.json`
- [Spotlight Tour: What's New by @keyframeui](https://shadcn.exchange/r/keyframeui/spotlight-tour-whats-new-demo): Three new features spread down a page. Each one scrolls into view while the spotlight travels to it. The Live switch stays usable while it's highlighted. `npx shadcn@latest add https://shadcn.exchange/r/keyframeui/spotlight-tour-whats-new-demo.json`
- [Onboarding 1: workspace setup wizard by @ballmac](https://shadcn.exchange/r/ballmac/onboarding-1): A four-step setup wizard with a progress rail: name and address a workspace (auto-filled), pick goals as cards, invite teammates as removable chips, review, then a finish screen. Slides between steps. `npx shadcn@latest add https://shadcn.exchange/r/ballmac/onboarding-1.json`
- [Autopilot: Three Clicks by @keyframeui](https://shadcn.exchange/r/keyframeui/autopilot-onboarding-demo): A SaaS app sets up a project in three clicks, one chapter each, with `chapterStrip` showing Create, Invite and Ship underneath. Click a chapter to jump there, or pause from the strip. On a phone, tap the app to take over and press Resume t… `npx shadcn@latest add https://shadcn.exchange/r/keyframeui/autopilot-onboarding-demo.json`
- [Spotlight Tour: Product Onboarding by @keyframeui](https://shadcn.exchange/r/keyframeui/spotlight-tour-demo): A first tour of a dashboard: the avatar, the toolbar, the New button and the sidebar. The hole goes from a circle to a long pill to a button to a tall panel. Clicking New moves the tour on. `npx shadcn@latest add https://shadcn.exchange/r/keyframeui/spotlight-tour-demo.json`
- [Spotlight Tour: Form Help by @keyframeui](https://shadcn.exchange/r/keyframeui/spotlight-tour-form-demo): A sign-up form that explains each field in turn. You can type into each field while it's highlighted. `npx shadcn@latest add https://shadcn.exchange/r/keyframeui/spotlight-tour-form-demo.json`
- [Minimal Welcome with Icon by @beste-ui](https://shadcn.exchange/r/beste-ui/onboarding3): Clean, centered welcome screen with a branded icon, heading, and single call-to-action. Perfect for simple app introductions that prioritize clarity over complexity. `npx shadcn@latest add https://shadcn.exchange/r/beste-ui/onboarding3.json`
- [Pied Piper Onboarding by @brainless](https://shadcn.exchange/r/brainless/pied-piper-onboarding): An interactive sign-up flow — Pied Piper header, typed assistant lines, thinking between turns, and the Claude composer for name + intent. `npx shadcn@latest add https://shadcn.exchange/r/brainless/pied-piper-onboarding.json`
- [Onboarding Stepper Flow by @framecn](https://shadcn.exchange/r/framecn/onboarding-stepper-flow): Timeline-driven onboarding stepper flow. `npx shadcn@latest add https://shadcn.exchange/r/framecn/onboarding-stepper-flow.json`
- [Stepper Intent Onboarding by @stepper](https://shadcn.exchange/r/stepper/stepper-intent-onboarding): An intent-driven onboarding block with hidden Stepper state, intent routing, profile validation, interests, async setup, and a signed-in completion state. `npx shadcn@latest add https://shadcn.exchange/r/stepper/stepper-intent-onboarding.json`
- [Onboarding wizard form by @formscn](https://shadcn.exchange/r/formscn/onboarding-wizard-form): Multi-step user onboarding wizard. `npx shadcn@latest add https://shadcn.exchange/r/formscn/onboarding-wizard-form.json`
- [Onboarding checklist by @quill](https://shadcn.exchange/r/quill/onboarding): A setup checklist card with a progress bar, completed and pending tasks, and start links for remaining steps. `npx shadcn@latest add https://shadcn.exchange/r/quill/onboarding.json`
- [Onboarding by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/application-user-profiles-onboarding): A guided profile setup with steps for avatar, name, and preferences. Use it right after signup to help new users finish their account quickly. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/application-user-profiles-onboarding.json`
- [Onboarding flow by @motion-lexicon](https://shadcn.exchange/r/motion-lexicon/onboarding-flow): Organizes account setup, file import, and completion checklist into a successful first-workspace path. `npx shadcn@latest add https://shadcn.exchange/r/motion-lexicon/onboarding-flow.json`
- [Onboarding by @1st-pouf](https://shadcn.exchange/r/1st-pouf/onboarding): An example setup wizard — a progress bar and step-by-step forms. `npx shadcn@latest add https://shadcn.exchange/r/1st-pouf/onboarding.json`
- [Onboarding Workspace Setup by @blocks-so](https://shadcn.exchange/r/blocks-so/onboarding-02): A onboarding workspace setup block. `npx shadcn@latest add https://shadcn.exchange/r/blocks-so/onboarding-02.json`
- [Welcome Hero with Step Indicator by @beste-ui](https://shadcn.exchange/r/beste-ui/onboarding1): Centered welcome screen featuring a hero image, step counter, and dual CTAs. Perfect for app onboarding flows that guide users through a multi-step setup process. `npx shadcn@latest add https://shadcn.exchange/r/beste-ui/onboarding1.json`
- [Onboarding by @blocks-so](https://shadcn.exchange/r/blocks-so/onboarding-01): A onboarding block. `npx shadcn@latest add https://shadcn.exchange/r/blocks-so/onboarding-01.json`
- [Onboarding Activity Feed by @blocks-so](https://shadcn.exchange/r/blocks-so/onboarding-05): A onboarding activity feed block. `npx shadcn@latest add https://shadcn.exchange/r/blocks-so/onboarding-05.json`
- [Onboarding Accordion by @blocks-so](https://shadcn.exchange/r/blocks-so/onboarding-04): A onboarding accordion block. `npx shadcn@latest add https://shadcn.exchange/r/blocks-so/onboarding-04.json`
- [Onboarding Steps with Progress by @blocks-so](https://shadcn.exchange/r/blocks-so/onboarding-03): A onboarding steps with progress block. `npx shadcn@latest add https://shadcn.exchange/r/blocks-so/onboarding-03.json`
- [Onboarding Timeline by @blocks-so](https://shadcn.exchange/r/blocks-so/onboarding-06): A onboarding timeline block. `npx shadcn@latest add https://shadcn.exchange/r/blocks-so/onboarding-06.json`

## Paid onboarding blocks

All 60 blocks, best first. Their registries sell these: each installs from its registry once bought.

- [App Onboarding by @blockforge](https://shadcn.exchange/r/blockforge/app-onboarding): Three detailed CSS phones walking the first-run flow.
- [Role Persona Selector by @beste-ui](https://shadcn.exchange/r/beste-ui/onboarding13): Onboarding screen where users select their role or persona to personalize their experience. Each role card shows an icon, title, and description with a selectable highlight state.
- [Onboarding screens by @shadcnuikit](https://shadcn.exchange/r/shadcnuikit/onboarding-screen2): Split card with a dark panel listing four steps as done, active or upcoming beside a questionnaire about goal, referral source, tools to connect and work email, ending in a completion message.
- [Onboarding 1 - Multi-Step Onboarding Flow by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/onboarding1): A five-step onboarding wizard with profile setup, workspace configuration, account linking, role selection, and team invites featuring animated dashboard preview.
- [Split-screen workspace onboarding wizard with vertical stepper sidebar and animated dot-sphere panel by @reui](https://shadcn.exchange/r/reui/onboarding-3): Six-step signup: profile, role, source, workspace, goals, invites, plus success screen. Dark sidebar pairs a vertical ReUI Stepper with animated dot-sphere canvas. Field, Combobox, RadioGroup, Checkbox, Switch, Select. Setup wizard, accoun…
- [Keyboard Shortcuts Cheat Sheet by @beste-ui](https://shadcn.exchange/r/beste-ui/onboarding24): Onboarding screen displaying essential keyboard shortcuts in a grouped grid layout with key badges. Perfect for productivity tools that want to accelerate user adoption.
- [Onboarding screens by @shadcnuikit](https://shadcn.exchange/r/shadcnuikit/onboarding-screen1): Card questionnaire asking role, team size, areas to track and workspace name one at a time, with question counter, previous, skip and next actions, and a success state with Start over.
- [Onboarding 2 - Dialog-Based Onboarding Wizard by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/onboarding2): A modal onboarding flow with colorful step backgrounds, profile questions, goal checkboxes, account linking, extension promotion, and trial activation.
- [Six-step workspace onboarding wizard with top progress bar and screenshot carousel rail by @reui](https://shadcn.exchange/r/reui/onboarding-7): Multi-step signup flow: profile, role, source, workspace, goals, invites, with a top Stepper progress bar, animated stacked-screenshot rail, and a success state. ReUI Stepper, Badge; shadcn Field, Combobox, RadioGroup, Select, Switch.
- [Interactive Setup Checklist by @beste-ui](https://shadcn.exchange/r/beste-ui/onboarding33): A setup panel pairing a soft progress column, where an oversized percentage and accent bar react to what is ticked, with hairline checklist rows that each carry a description and a jump-in link.
- [Onboarding screens by @shadcnuikit](https://shadcn.exchange/r/shadcnuikit/onboarding-screen9): Card wizard with a three step numbered stepper: an organisation address form, a searchable list of integrations to connect, and a preview with edit buttons before submitting to a success state.
- [Eight-step workspace onboarding wizard with progress stepper, AI agent picker, copyable API setup by @reui](https://shadcn.exchange/r/reui/onboarding-6): Eight-step workspace onboarding wizard ending in AI agent selection and API key setup with copyable terminal commands. Profile, role, goals, and invite steps. ReUI Stepper, Frame plus shadcn Combobox, RadioGroup, Select. Account setup flow.
- [Division Of Labour Table by @beste-ui](https://shadcn.exchange/r/beste-ui/onboarding40): A responsibility table grouping migration tasks into phases on hairline rows, marking each as yours, ours, or shared with a check or a dash, and totalling the customer's time in one light figure.
- [Onboarding screens by @shadcnuikit](https://shadcn.exchange/r/shadcnuikit/onboarding-screen7): Three step brief flow with company type chips and a size slider, selectable service cards with check badges, and a contact form with country phone prefix, ending in a summary with next steps.
- [Six-step workspace onboarding wizard with stepper progress and a live inbox preview pane by @reui](https://shadcn.exchange/r/reui/onboarding-1): Multi-step account and workspace setup flow: profile, role, discovery source, workspace, goals, invites, then a success state, with a synced product preview. ReUI Stepper plus shadcn Card, Combobox, RadioGroup, Select, Switch, Field.
- [Notification Preferences by @beste-ui](https://shadcn.exchange/r/beste-ui/onboarding18): Onboarding screen with toggle switches for configuring notification channels and frequency. Perfect for apps that need granular notification consent during setup.
- [Onboarding screens by @shadcnuikit](https://shadcn.exchange/r/shadcnuikit/onboarding-screen5): Cardless questionnaire with a segmented progress bar and counter, questions that fade and slide in, next and submit buttons greyed out until answered, and an animated confirmation with Run it again.
- [Six-step workspace onboarding wizard with marketing hero and animated progress bar by @reui](https://shadcn.exchange/r/reui/onboarding-9): 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-start…
- [Template Starter Picker by @beste-ui](https://shadcn.exchange/r/beste-ui/onboarding20): Onboarding screen with a grid of starter templates to choose from, each with a preview thumbnail, title, and description. Perfect for project creation flows in design tools and project management apps.
- [Onboarding screens by @shadcnuikit](https://shadcn.exchange/r/shadcnuikit/onboarding-screen3): Full page wizard with brand header, step count, skip button and thin progress bar, asking plan, modules, a teammate invite and workspace URL, with number key shortcuts and a keyboard hint row.
- [Six-step workspace onboarding wizard with top progress bar and success screen by @reui](https://shadcn.exchange/r/reui/onboarding-4): Multi-step flow to create a team workspace: profile with avatar upload, role and goal pickers, team size, teammate invites, animated top progress bar and ready screen. Uses ReUI Frame, Stepper, shadcn Combobox, Select, Field. Onboarding wi…
- [Data Import Reassurance by @beste-ui](https://shadcn.exchange/r/beste-ui/onboarding38): An import section leading with an image tile that floats a live upload dropzone, then setting out the formats that are read and the records that come across as two checked hairline lists.
- [Onboarding screens by @shadcnuikit](https://shadcn.exchange/r/shadcnuikit/onboarding-screen8): Profile checklist with a completion counter and progress bar, where each of five tasks expands an inline editor for display name, photo upload, time zone, phone or role and shows a summary once saved.
- [Dark 8-step workspace onboarding wizard with progress bar, agent picker, and CLI setup checklist by @reui](https://shadcn.exchange/r/reui/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, RadioG…
- [Circular Progress with Checklist by @beste-ui](https://shadcn.exchange/r/beste-ui/onboarding12): Visual progress tracker featuring a circular percentage indicator with completion stats and task list. Perfect for profile setup flows that encourage users to reach 100% completion.
- [Onboarding screens by @shadcnuikit](https://shadcn.exchange/r/shadcnuikit/onboarding-screen4): Adaptive setup card where the audience answer enables or disables the roles and access policy questions, followed by a launch date, with a footer list showing which steps are asked or skipped.
- [Six-step workspace onboarding wizard with left sidebar vertical stepper and animated success state by @reui](https://shadcn.exchange/r/reui/onboarding-2): Six-step setup wizard (profile, role, source, workspace, goals, invites) with a clickable sidebar stepper, animated transitions, and a success screen. ReUI Frame and Stepper plus shadcn Field, Combobox, RadioGroup, Switch. Onboarding, sign…
- [Data Import Selector by @beste-ui](https://shadcn.exchange/r/beste-ui/onboarding26): Onboarding screen with import options from other platforms, CSV upload, and manual entry. Perfect for SaaS migration flows that help users bring existing data into the platform.
- [Onboarding screens by @shadcnuikit](https://shadcn.exchange/r/shadcnuikit/onboarding-screen10): Card wizard with a step label and a vertical timeline of sub tasks that fill in when done and unlock the next, covering project name and template, content source and team invites with a role.
- [Multi-step workspace onboarding dialog with dot stepper, animated steps, and success screen by @reui](https://shadcn.exchange/r/reui/onboarding-5): Six-step modal wizard (profile, role, workspace, goals, teammate invites) with clickable dot stepper, animated steps, and a success screen. shadcn Dialog, Field, Combobox, Select, RadioGroup, Switch, Avatar upload, Button. For signup, get…
- [Migration Risk Register by @beste-ui](https://shadcn.exchange/r/beste-ui/onboarding41): A candid onboarding section listing what tends to go wrong on hairline rows, each with a tone-coded frequency chip, how often it has been seen, and the mitigation already in place.
- [Onboarding screens by @shadcnuikit](https://shadcn.exchange/r/shadcnuikit/onboarding-screen6): Overview page with three stat cards and a placeholder panel, plus a Personalize dashboard dialog that asks for top widgets, default time range and digest recipient before closing.
- [Vertical Timeline Steps by @beste-ui](https://shadcn.exchange/r/beste-ui/onboarding6): Vertical timeline layout with step indicators, descriptions, and a connecting progress line. Perfect for workspace setup flows with detailed step explanations.
- [Split Layout with Features and Social Proof by @beste-ui](https://shadcn.exchange/r/beste-ui/onboarding2): Two-column welcome layout with feature checklist, user count, and star ratings alongside an image. Perfect for SaaS onboarding that highlights key benefits and builds trust.
- [Multi-Step Form Wizard by @beste-ui](https://shadcn.exchange/r/beste-ui/onboarding8): Interactive form wizard with segmented progress bar, form fields, and back/next navigation. Perfect for account registration flows collecting user and company information.
- [Billing Setup with Cycle Toggle by @beste-ui](https://shadcn.exchange/r/beste-ui/onboarding28): Onboarding screen for choosing a billing cycle (monthly/yearly) with savings badge, payment method selection, and optional coupon code input. Perfect for SaaS apps that collect payment during onboarding.
- [Onboarding Completion Screen by @beste-ui](https://shadcn.exchange/r/beste-ui/onboarding21): Completion screen shown after finishing onboarding with a summary of what was configured and quick-start action links. Perfect for ending the setup flow with clear next steps.
- [Interest Tag Picker by @beste-ui](https://shadcn.exchange/r/beste-ui/onboarding16): Onboarding screen with a grid of selectable interest tags and chips for personalizing content recommendations. Perfect for content platforms, newsletters, and social apps.
- [Role Based Getting Started by @beste-ui](https://shadcn.exchange/r/beste-ui/onboarding34): A getting-started section whose role pills swap a sticky summary column and the numbered steps beside it, each step carrying its own title, explanation, and honest time estimate.
- [Training Resources by @beste-ui](https://shadcn.exchange/r/beste-ui/onboarding42): A learning section leading with an image tile that floats a live help centre search, then listing the videos, guides, and sessions behind it as linked hairline rows across two columns.
- [Side Navigation Wizard by @beste-ui](https://shadcn.exchange/r/beste-ui/onboarding11): Desktop wizard with a vertical side navigation menu and content panels for each step. Perfect for comprehensive account setup requiring multiple configuration screens.
- [Theme and Appearance Picker by @beste-ui](https://shadcn.exchange/r/beste-ui/onboarding25): Onboarding screen for choosing theme mode (light, dark, system) and accent color. Perfect for apps that offer visual customization as part of the onboarding experience.
- [Company Info Form by @beste-ui](https://shadcn.exchange/r/beste-ui/onboarding29): Onboarding screen for collecting company information including name, team size selector chips, and industry dropdown. Perfect for B2B SaaS apps that need organizational context during setup.
- [Attribution Survey by @beste-ui](https://shadcn.exchange/r/beste-ui/onboarding27): Onboarding screen with a quick survey asking how the user discovered the product, with selectable options and an optional text input. Perfect for marketing attribution during signup.
- [Accordion Steps with Expandable Actions by @beste-ui](https://shadcn.exchange/r/beste-ui/onboarding10): Interactive accordion layout where each step expands to reveal detailed instructions and action buttons. Perfect for setup guides that let users complete tasks at their own pace.
- [Workspace Setup with Team Invite by @beste-ui](https://shadcn.exchange/r/beste-ui/onboarding14): Combined onboarding card for creating a workspace with name and URL slug, plus a team invite section with email inputs. Perfect for SaaS apps that require team collaboration setup.
- [Progress Bar with Task Checklist by @beste-ui](https://shadcn.exchange/r/beste-ui/onboarding7): Card-based progress tracker showing completion percentage and a checklist of tasks with visual status. Perfect for gamified onboarding that motivates users to finish setup.
- [Data Import Split by @beste-ui](https://shadcn.exchange/r/beste-ui/onboarding32): A reversed split with an image tile floating a live import dropzone on the left, and an eyebrow, light heading, three monospace-numbered steps, and an accent button on the right.
- [Tracked Setup Sequence by @beste-ui](https://shadcn.exchange/r/beste-ui/onboarding35): A setup section listing four numbered steps with who owns each one, against a column that sticks while they scroll and floats a live step tracker on an image tile.
- [Thirty Day Milestones by @beste-ui](https://shadcn.exchange/r/beste-ui/onboarding39): An onboarding section setting out four dated milestones as bordered cards, each closing on the figure it should hit, above a soft panel that floats a live progress metric on an image tile.
- [Profile Setup Card by @beste-ui](https://shadcn.exchange/r/beste-ui/onboarding19): Onboarding screen with a form card for setting up user profile including avatar, display name, bio, and timezone. Perfect for the personal details step in any SaaS onboarding flow.
- [Goal Selector with Paths by @beste-ui](https://shadcn.exchange/r/beste-ui/onboarding17): Onboarding screen where users pick their primary goal to receive a tailored onboarding path. Each goal card shows a recommended feature set. Perfect for multi-purpose platforms.
- [Three Step Getting Started by @beste-ui](https://shadcn.exchange/r/beste-ui/onboarding31): A getting-started section with an eyebrow over a hairline rule, a two-column heading, three monospace-numbered steps under their own hairlines, and an accent button.
- [Plan Overview with Usage Limits by @beste-ui](https://shadcn.exchange/r/beste-ui/onboarding22): Onboarding screen showing current plan details with visual usage bars for storage, seats, and API calls. Perfect for SaaS post-signup flows that introduce plan limits and upgrade paths.
- [Security Setup by @beste-ui](https://shadcn.exchange/r/beste-ui/onboarding23): Onboarding screen for configuring account security including two-factor authentication, recovery email, and backup codes. Perfect for apps that prioritize security during onboarding.
- [Integration Connector Grid by @beste-ui](https://shadcn.exchange/r/beste-ui/onboarding15): Onboarding screen with a grid of available integrations showing connection status and connect/skip actions. Perfect for apps that rely on third-party services like Slack, GitHub, and Google.
- [Invite Your Team by @beste-ui](https://shadcn.exchange/r/beste-ui/onboarding37): A team setup section pairing a soft panel with a working invite row, a role picker, and a plain-language table of what each role can reach, with a bordered list of who is already on the account and whether they have accepted, closing on a…
- [Horizontal Steps with Progress Line by @beste-ui](https://shadcn.exchange/r/beste-ui/onboarding5): Multi-step progress indicator with numbered circles connected by a progress line. Perfect for account setup wizards that show users their completion status.
- [Setup Checklist by @beste-ui](https://shadcn.exchange/r/beste-ui/onboarding44): A setup checklist with a sticky left column: serif headline that settles in word by word, an intro, a large done count over a hairline progress bar that grows as steps are ticked, and a sliding-marker pill. On the right a ruled list of ste…
- [Feature Tour Carousel by @beste-ui](https://shadcn.exchange/r/beste-ui/onboarding30): Onboarding screen with navigable feature highlight cards, dot indicators, and back/next buttons. Perfect for introducing key platform features during the first-time user experience.

## Registries with the most onboarding blocks

- [@beste-ui](https://shadcn.exchange/r/beste-ui): 40 blocks, 2 free and 38 paid
- [@shadcnuikit](https://shadcn.exchange/r/shadcnuikit): 10 blocks, all paid
- [@reui](https://shadcn.exchange/r/reui): 9 blocks, all paid
- [@blocks-so](https://shadcn.exchange/r/blocks-so): 7 blocks, all free
- [@7ovr](https://shadcn.exchange/r/7ovr): 6 blocks, all free
- [@keyframeui](https://shadcn.exchange/r/keyframeui): 4 blocks, all free
- [@ballmac](https://shadcn.exchange/r/ballmac): 2 blocks, all free
- [@shadcnblocks](https://shadcn.exchange/r/shadcnblocks): 2 blocks, all paid
- [@1st-pouf](https://shadcn.exchange/r/1st-pouf): 1 block, free
- [@blockforge](https://shadcn.exchange/r/blockforge): 1 block, paid
- [@brainless](https://shadcn.exchange/r/brainless): 1 block, free
- [@formscn](https://shadcn.exchange/r/formscn): 1 block, free
- [@framecn](https://shadcn.exchange/r/framecn): 1 block, free
- [@hirael](https://shadcn.exchange/r/hirael): 1 block, free
- [@motion-lexicon](https://shadcn.exchange/r/motion-lexicon): 1 block, free
- [@quill](https://shadcn.exchange/r/quill): 1 block, free
- [@shadcn-studio](https://shadcn.exchange/r/shadcn-studio): 1 block, free
- [@shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks): 1 block, free
- [@stepper](https://shadcn.exchange/r/stepper): 1 block, free