Collaboration features - Notifications

Embed a notification experience into your product, enabling collaboration between your users. Liveblocks Notifications is fully customizable, allowing you to create a range of notification experiences that look and feel like your product. Easily send notifications, create inbox notification trays, and trigger emails with aggregated notifications. Any custom notification can be sent, but other parts of Liveblocks, such as Comments and text editors, can also automatically trigger collaboration notifications where appropriate.

Overview

• Concepts
  Learn about inbox notifications
• Default components
  Ready-to-use customizable components
• Hooks
  Retrieve notifications & set settings
• Styling and customization
  CSS variables, dark mode, localization
• Email notifications
  Send notifications with webhooks

Notifications API Reference

• React
  @liveblocks/react
• React UI
  @liveblocks/react-ui
• JavaScript
  @liveblocks/client
• Node.js
  @liveblocks/node
• REST API
  HTTP endpoints

Examples using Notifications

• Comments notifications
  Next.js](/content/examples/comments-notifications/index.html)
• Custom notifications
  Next.js](/content/examples/notifications-custom/index.html)
• Comments emails
  Next.js](/content/examples/comments-emails/index.html)
• Text editor emails
  Next.js](/content/examples/collaborative-text-editor-emails/index.html)