Overview

Liveblocks Notifications lets users catch up on collaboration activity across rooms. It provides a persistent inbox, unread state, subscription settings, and delivery workflows for built-in or custom notification kinds.

Features

• Realtime inbox notifications and unread counts
• Ready-made inbox and notification components
• Automatic notifications for comments and text mentions
• Custom notification kinds for application events
• Per-user room and channel settings
• Email rendering and webhook delivery
• Client, server, and REST APIs

Render an inbox

Use the ready-made InboxNotificationList to render notifications and handle built-in activity types.

import { useInboxNotifications } from "@liveblocks/react/suspense";import { InboxNotification, InboxNotificationList } from "@liveblocks/react-ui";
export function Inbox() {  const { inboxNotifications } = useInboxNotifications();
  return (    <InboxNotificationList>      {inboxNotifications.map((inboxNotification) => (        <InboxNotification          key={inboxNotification.id}          inboxNotification={inboxNotification}        />      ))}    </InboxNotificationList>  );}

Use hooks for custom rendering and the default components for the fastest setup.

Choose notification sources

Comments and text editor mentions can create collaboration notifications automatically. Use custom notification kinds for events from your own product or back end.

Read Notifications concepts for inbox notifications, activities, subscription settings, and delivery channels.