Widgets / Collab Chat

Collab Chat

Anchor discussion threads to specific text selections. Select any passage in the sample article below to see the selection popover and attach a comment to that exact excerpt.

Tenant · demo

The Rise of Real-Time Collaboration

Real-time collaboration tools have transformed how teams work together. From shared documents to inline commenting, the ability to discuss content in context reduces miscommunication and speeds up decision-making.

FastComments Collab Chat brings this experience to any web page. Users can highlight text and attach comments directly to it, creating threaded discussions tied to specific passages.

app/collab-chat/page.tsx
import { FastCommentsCollabChat } from 'fastcomments-nextjs';

export default function CollabChatPage() {
  return (
    <>
      <article id="demo-content">
        <h2>Highlight any passage to pin a discussion.</h2>
        <p>Readers select any text to open a thread anchored to the selection.</p>
      </article>
      <FastCommentsCollabChat tenantId="demo" target="#demo-content" />
    </>
  );
}