Notifications Blocks
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 1
FreeNotifications sheet opened from a bell trigger, with icon tiles, unread highlighting, timestamps, an unread count, and a mark all read action.
Notifications 2
FreeNotification bell button carrying an unread count badge that opens a compact popover of avatar rows, mark all read, and a view all link.
Notifications 3
FreeNotification center card with All, Unread, and Mentions tabs, per-row read toggling, a mark all read action, and a caught up empty state.
Notifications 4
FreeNotification preferences panel with a row per activity type and separate email and push toggle switches for each.
Notifications 5
FreeStack of dismissible inline notification alerts in success, info, warning, and error variants, resolving to an all caught up empty state.
Notifications 6
ProLive notification center sheet where rows stagger in, a new notification slides in on an interval, the unread count climbs, and tabs filter the list.
Notifications 7
ProNotification popover of task rows with inline Approve, Decline, and Review buttons that resolve in place, plus dismiss and All, Tasks, Updates tabs.
Notifications 8
ProNotification inbox popover grouped under sticky Today, Yesterday, and Earlier headers, with condensed avatar rows, per-section clear, and an overflow count.
Notifications 9
ProTeam updates notification sheet where rows expand into quoted context with an inline reply input, presence dots on avatars, and an All or Mentions tab.
Notifications 10
ProBuild pipeline notification popover with a live in-progress deploy (ticking progress, elapsed timer), status dots, brand marks, and a retry action.
Notifications 11
ProNotification popover with a Do Not Disturb switch that pauses the list, a channel toggle group that mutes categories, and per-row snooze.
Notifications 12
ProFull notification inbox with an All, Unread, Mentions, System filter rail, time-grouped rows, bulk-select checkboxes, and a floating mark read or archive bar.
Notifications Blocks FAQ
Keep Browsing
Categories that pair well with Notifications blocks when composing a page.