Shadcn Onboarding Blocks

A workspace setup step with name, URL slug, logo upload, and data region on the left beside a live app chrome preview on the right.

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

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

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

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

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

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

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

An admin tracker with invited, finished, and stalled counts above per person rows showing avatar, setup progress, next step, and a nudge action.

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

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

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

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

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

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

A notification setup step with four channel toggle rows, a recommended badge, an email digest chooser, and a note that defaults apply per user.

A developer install step with per platform commands behind tabs, numbered login and test commands, and a live row waiting for the first event.

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

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

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

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

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.

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