B. Application & Dashboard

Notifications Center

The bell dropdown, a full notification center with toasts, per-channel settings, the empty inbox and a phone-sized list.

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 app/notifications

02Notification center page + toasts

Uses: AppFrame · NotificationItem · TabBar · Toast · Button

components/blocks/app/notifications/02-center-page-toasts.tsx

Uses: AppFrame · SettingsRow · Checkbox · Switch · Segment

components/blocks/app/notifications/03-per-channel-settings.tsx

Uses: AppFrame · EmptyState · TabBar · Button

components/blocks/app/notifications/04-empty-inbox.tsx

Uses: NotificationItem · Segment · Badge

components/blocks/app/notifications/05-mobile-list.tsx