Skip to content
Auth & Onboarding
A. Auth & Onboarding

Empty Account Welcome Screen

What a brand-new workspace looks like — getting-started checklists, empty states, a welcome modal, a product tour and the sample-data choice.

5 screensDesktop · Tablet · MobileLight · Dark

Write every screen of this block into your project — the source is then yours to edit.

bash
npx @wunderui/cli add auth/welcome

01Empty dashboard with getting started

Uses: Sidebar · UserInfo · Progress · Button

components/blocks/auth/welcome/01-getting-started.tsx

02Empty state, no projects yet

Uses: Sidebar · PageHeader · Button

components/blocks/auth/welcome/02-no-projects.tsx

03Welcome modal

Uses: Sidebar · Dialog · Button

components/blocks/auth/welcome/03-welcome-modal.tsx

04Product tour spotlight (coach marks)

Uses: AppFrame · StatCard · Badge · Button

components/blocks/auth/welcome/04-product-tour.tsx

05Sample data vs. start blank

Uses: RadioGroup · Badge · Avatar · Button

components/blocks/auth/welcome/05-sample-data.tsx

← Settings Pages