A. Auth & Onboarding

Settings Pages

Profile, notifications, security, workspace, integrations, appearance and the danger zone — one settings shell, seven pages.

7 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/settings

01Profile

Uses: AppFrame · PageHeader · TextField · TextareaField · Avatar · Button

components/blocks/auth/settings/01-profile.tsx

Uses: AppFrame · PageHeader · SettingsRow · Switch · Checkbox

components/blocks/auth/settings/02-notifications.tsx

Uses: AppFrame · PageHeader · SettingsRow · PasswordField · Badge

components/blocks/auth/settings/03-security.tsx

Uses: AppFrame · PageHeader · Input · SettingsRow · Switch

components/blocks/auth/settings/04-workspace-general.tsx

Uses: AppFrame · PageHeader · Badge · Button · TextField

components/blocks/auth/settings/05-integrations.tsx

Uses: AppFrame · PageHeader · RadioGroup · SettingsRow · Segment · NumberStepper

components/blocks/auth/settings/06-appearance.tsx

Uses: AppFrame · PageHeader · SettingsRow · InlineNote · Dialog · Input

components/blocks/auth/settings/07-danger-zone.tsx