Collaborative documents

Broadcast

Use broadcast events to notify in real‑time other connected clients to the room.

Sign up for free

Broadcast

Make your product smarter with event broadcasting

Use broadcast events to add features such as presentation mode, automatic refresh, automatic fetch, and more.

Sign up for free
Read the docs

  • Automatic refresh

    Automatically refresh the page for certain people based on the rules defined in your codebase.

  • Presentation mode

    Enable users to present work by letting them control the state of everyone’s user interface.

  • Automatic fetch

    Broadcast events can be used to automatically fetch new data when other people have updated it.

  • Ephemeral chat

    Enable people to broadcast short messages in real‑time. Useful for things like chat cursors and more.

Designed for developers

Broadcast events to other connected clients in real‑time

Liveblocks integrates directly with popular frameworks and state‑management libraries, making it easy to broadcast events to connected clients in real‑time.

Sign up for free
Read the docs
User A
0
0123456789,
0123456789,
User B
0
0123456789,
0123456789,
import { useState } from "react";import {  useBroadcastEvent,  useEventListener,} from "./liveblocks.config";
export default function Broadcast() {  const [count, setCount] = useState(0);  const broadcast = useBroadcastEvent();
  useEventListener(({ connectionId, event }) => {    switch (event.type) {      case "increase":        setCount((count) => count + 1);        break;      case "decrease":        setCount((count) => count === 0 ? 0 : count - 1);        break;    }  });
  return (    <>      {count}      <button onClick={() => broadcast({ type: "decrease" })}>        -      </button>      <button onClick={() => broadcast({ type: "increase" })}>        +      </button>    </>  )}

More than just broadcast

A fully integrated collaboration toolkit

Liveblocks is a set of APIs and tools to add performant collaborative experiences—like multi-user document editing, and more—to your product in days, not months.

Presence

Make people feel like they’re together in the same room.

Learn more

Conflict‑free data types

Enable people to edit the same document concurrently.

Learn more

CommentsBeta

Enable people to collaborate through comments.

Learn more

Document browsing

Add a document browsing experience to your product workspace.

Learn more

Permissions management

Allow users to invite people and groups to their documents to collaborate.

Learn more

Starter KitNew

Kickstart your Next.js collaborative application.

Learn more

DevToolsNew

Browser extension to inspect collaborative experiences.

Learn more

Dashboard

Dashboard to monitor and analyse Liveblocks usage.

Learn more

Start shipping faster with Liveblocks fully hosted collaboration toolkit

Sign up for free