shadcn/ui notification blocks & components.
Notification UI for shadcn/ui: bell-trigger dropdowns with unread badges, tabbed notification centers, preference matrices, actionable feeds with inline approve/decline, time-grouped inboxes, a Do-Not-Disturb panel with snooze, and live activity streams. Every common notification surface, from popover to full inbox.
Notifications Sheet Panel
Notifications 1FreeNotifications sheet opened from a bell trigger, with icon tiles, unread highlighting, timestamps, an unread count, and a mark all read action.
Bell Popover With Badge
Notifications 2FreeNotification bell button carrying an unread count badge that opens a compact popover of avatar rows, mark all read, and a view all link.
Notification Center Tabs
Notifications 3FreeNotification center card with All, Unread, and Mentions tabs, per-row read toggling, a mark all read action, and a caught up empty state.
Notification Preferences Toggles
Notifications 4FreeNotification preferences panel with a row per activity type and separate email and push toggle switches for each.
Dismissible Alert Stack
Notifications 5FreeStack of dismissible inline notification alerts in success, info, warning, and error variants, resolving to an all caught up empty state.
Live Notification Center Sheet
Notifications 6ProLive notification center sheet where rows stagger in, a new notification slides in on an interval, the unread count climbs, and tabs filter the list.
Actionable Task Notifications
Notifications 7ProNotification popover of task rows with inline Approve, Decline, and Review buttons that resolve in place, plus dismiss and All, Tasks, Updates tabs.
Time Grouped Notification Inbox
Notifications 8ProNotification inbox popover grouped under sticky Today, Yesterday, and Earlier headers, with condensed avatar rows, per-section clear, and an overflow count.
Expandable Team Update Threads
Notifications 9ProTeam updates notification sheet where rows expand into quoted context with an inline reply input, presence dots on avatars, and an All or Mentions tab.
Build And Deploy Feed
Notifications 10ProBuild pipeline notification popover with a live in-progress deploy (ticking progress, elapsed timer), status dots, brand marks, and a retry action.
Do Not Disturb Controls
Notifications 11ProNotification popover with a Do Not Disturb switch that pauses the list, a channel toggle group that mutes categories, and per-row snooze.
Bulk Select Notification Inbox
Notifications 12ProFull notification inbox with an All, Unread, Mentions, System filter rail, time-grouped rows, bulk-select checkboxes, and a floating mark read or archive bar.