Notifications Blocks

A notifications panel with read/unread rows and timestamps.

A compact notifications dropdown panel showing a bell trigger button with an unread badge, a small header with count, four notification rows each with an avatar-plus-icon treatment and unread dot, and a "View all notifications" footer link.

Notification center card with All/Unread/Mentions tabs, read state toggling, and a mark-all-read action

A notification-preferences panel with a row per activity type and email and push toggle switches for each.

A stack of dismissible inline notification toasts in success, info, warning, and error variants with an all-caught-up empty state.

Pro notifications: a live notification center in a Sheet whose rows stagger in with a blur rise on open, a new notification slides in at the top on an interval, the unread badge counts up, All/Unread/Mentions tabs filter with a blur cross-fade, and hover-dismiss reflows the list.

Pro notifications: an actionable activity feed in a Popover where task rows carry inline Approve, Decline, and Review buttons that resolve the item in place with a settled confirmation before it animates out, plus per-row dismiss and All/Tasks/Updates tabs.

Pro notifications: a grouped-by-time inbox in a Popover with sticky Today, Yesterday, and Earlier section headers, condensed avatar rows showing a title and one-line context, a per-section Clear action, an overflow count, and a staggered blur-rise reveal on open.

Pro notifications: a team updates Sheet where each row expands via a Collapsible into a quoted context box with an inline reply Input and a View Full Thread link, with presence dots on avatars, an All/Mentions tab, and a staggered blur-rise reveal on open.

Pro notifications: a mono build and deploy status feed in a Popover with a live in-progress build (ticking Progress bar, spinning glyph, and an elapsed timer) that flips to a settled status, traffic-light status dots, real brand marks on each build, and a Retry action on the failed run.

Pro notifications: a notification center in a Popover with a Do Not Disturb Switch that dims and pauses the list, a channel ToggleGroup that mutes categories with layout reflow, and a per-row Snooze action that animates the row out into a snoozed count.

Pro notifications: a full inbox surface with an All/Unread/Mentions/System filter rail, time-grouped rows, bulk-select checkboxes, and a floating action bar that marks read or archives the selection while the rows animate out. Rows reveal with a staggered blur rise in view.

Pro notifications: a live activity stream where new events continuously arrive at the top with a slide-and-blur while existing rows reflow, a pulsing Live indicator, and a looping typing indicator. The stream pauses on hover and off-screen; reduced motion shows a static feed.