Shadcn Onboarding Blocks

Onboarding panel showing three data source connection rows with connected, connecting, and failed states including an actionable error and continue-anyway link.

Static open-state coach-mark that highlights a new bulk-actions toolbar with a callout card, New badge, and a Got it dismiss button.

Corner card onboarding widget with a progress ring, five setup tasks, two complete, the next step highlighted, and an honest dismiss note.

Shows the rendered invite email teammates will receive above an editable personal message field, with recipient chips and a send button.

Onboarding step with six template cards showing what each pre-wires, a start-blank tile, and a search bar for fast workspace setup.

Onboarding step with four goal tiles that order the sidebar, one pre-selected, and a note that every feature stays available regardless of the choice.

Onboarding import step with CSV dropzone, tool and API source tiles, a dry-run preview promise, and a skip link.

Setup complete card with a personalized header, a three item onboarding recap, and a single suggested next action.

Onboarding integrations step with Slack, GitHub, Calendar, and Drive tiles showing one pre-connected state.

Static first-login welcome dialog over a scrim: greeting by name, three things to try, and start or tour actions.

Onboarding role picker with three tiles showing what each role changes in the default layout, one selected.

Banner notifying users they are viewing sample data, with connect and clear actions and demo KPI cards below.

Inline product-tour step blueprint with a highlighted target, coach-mark card, step 2 of 5 badge, and progress dots.

Day one empty dashboard with two create paths, a three step next preview, and a sample project offer.

Three plan cards with real limits stated, Free preselected, and a no sales call promise for Team.

Four source tiles including a no engineering CSV option and a read only credentials promise in the footer.

Three email and role rows with the retention stat that explains why the invite ask happens at onboarding.

Four step horizontal stepper with dot states and an open invite panel under the current step.

Setup checklist with 5 tasks, time estimates, a progress bar, and a one time dismiss promise.