• Go to Liveblocks home
  • docs go to documentation home
  • Documentation
  • Guides
  • TutorialBeta
  • Examples
Sign inSign up
  • Documentation
  • Guides
  • TutorialBeta
  • Examples
    • Overview
    • Get started
    • Authentication
  • Concepts
    • Why Liveblocks
    • How Liveblocks works
  • Products
    • Comments
      • Concepts
      • Users and mentions
      • Default components
      • Hooks
      • Metadata
      • Primitives
      • Styling and customization
      • Email notifications
    • Notifications
    • Text Editor
    • Realtime APIs
  • Rooms
    • Metadata
  • Tools
    • DevTools
    • Next.js Starter Kit
  • API Reference
    • @liveblocks/client
    • @liveblocks/react
    • @liveblocks/react-ui
    • @liveblocks/react-lexical
    • @liveblocks/node-lexical
    • @liveblocks/redux
    • @liveblocks/zustand
    • @liveblocks/yjs
    • @liveblocks/node
    • REST API
  • Platform
    • WebSocket infrastructure
    • Projects
    • Analytics
    • Webhooks
    • REST API
    • Schema validation
    • Account management
    • Plans
    • Limits
    • Upgrading
    • Troubleshooting
Sign inSign up
    • Overview
    • Get started
    • Authentication
  • Concepts
    • Why Liveblocks
    • How Liveblocks works
  • Products
    • Comments
      • Concepts
      • Users and mentions
      • Default components
      • Hooks
      • Metadata
      • Primitives
      • Styling and customization
      • Email notifications
    • Notifications
    • Text Editor
    • Realtime APIs
  • Rooms
    • Metadata
  • Tools
    • DevTools
    • Next.js Starter Kit
  • API Reference
    • @liveblocks/client
    • @liveblocks/react
    • @liveblocks/react-ui
    • @liveblocks/react-lexical
    • @liveblocks/node-lexical
    • @liveblocks/redux
    • @liveblocks/zustand
    • @liveblocks/yjs
    • @liveblocks/node
    • REST API
  • Platform
    • WebSocket infrastructure
    • Projects
    • Analytics
    • Webhooks
    • REST API
    • Schema validation
    • Account management
    • Plans
    • Limits
    • Upgrading
    • Troubleshooting
  • Overview
  • Comments API Reference
  • Examples using Comments

Products – Comments

Embed a customizable commenting experience into your product, enabling collaboration between your users. Liveblocks Comments is fully customizable, allowing you to create a range of commenting experiences that look and feel like your product. It enables you to build mentions, thread resolution, text annotations, video annotations, and more.

Overview

  • Concepts

    Learn about threads and comments

  • Users and mentions

    Add users to comments and mentions

  • Default components

    Ready-to-use customizable components

  • Hooks

    Get users, threads, & modify comments

  • Metadata

    Add custom metadata to threads

  • Primitives

    Construct fully custom components

  • Styling and customization

    CSS variables, dark mode, localization

  • Email notifications

    Send notifications with webhooks

Comments API Reference

  • React

    @liveblocks/react

  • React UI

    @liveblocks/react-ui

  • REST API functions

    @liveblocks/node

  • REST API

    HTTP endpoints

Examples using Comments

  • Image of Comments

    Comments

  • Image of Video Comments

    Video Comments

  • Image of Overlay Comments

    Overlay Comments

  • Image of Text Editor Comments

    Text Editor Comments

Was this page helpful?Helpful?
Edit this page
  • Blog
  • Contact us
  • Changelog
System status
© 2024 Liveblocks Inc.
  • GitHub
  • Discord
  • X
  • LinkedIn
  • YouTube