We use cookies to collect data to improve your experience on our site. Read our Privacy Policy to learn more.

Decline

Accept

New\
\
Showcase: Liveblocks in action

Ready-made AI copilots and collaboration for your product

Liveblocks gives you ready-made features like AI Copilots, Comments, and Multiplayer Editing to make your product more engaging and grow your business.

Book a demo Start today for free

• Dashboard
• Document
• Sheet
• Whiteboard

Trusted by leading engineering, product, and design teams

Meet our customers

Unlock the secret sauce behind world‑class products.In just a few lines of code.

Annotationslike Google Docs

Inboxlike Linear

AI copilotslike Notion

Co-editinglike Google Docs

Multiplayerlike Figma

Commentslike Notion

3D toolslike Spline

Whiteboardlike Miro

Spreadsheetslike Google Sheets

Creative toolslike Canva

AI companionlike Microsoft Copilot

The collaboration engine for modern products.

Liveblocks enables faster growth through ready‑made, fully customizable features—helping your team drive engagement and unlock new revenue.

Ready‑made features your users already expect.

• \
  \
  AI Copilots \
  \
  In-app AI agents that feel human
• \
  \
  Comments \
  \
  Contextual commenting
• \
  \
  Multiplayer Editing \
  \
  Realtime collaboration
• \
  \
  Notifications \
  \
  Smart alerts for your app
• \
  \
  Presence \
  \
  Realtime presence indicators

Keep your users engaged

Collaborative products keep your users active, invested, and coming back.

Onboard users faster, drive adoption

AI copilots help your users succeed from day one—shortening time to value.

Unlock new revenue opportunities

Monetize collaboration and AI with premium or usage-based plans.

Ship faster, stay focused

Skip months of engineering work. Liveblocks handles it all for you.

Magic happens when humans and AI collaborate.

AI

Human

First‑class developer experience.

Every API is carefully crafted to provide the best developer experience. Save heartache and ship faster. Let us handle the complexity.

Read the docs Browse examples

What was last quarter's revenue?

I can definitely assist with that analysis. The latest financial data shows some interesting trends:

Q3 revenue performance

$2.2M+25%

AI chat

Change appearance

import { AiChat } from "@liveblocks/react-ui";import { RegisterAiKnowledge, RegisterAiTool } from "@liveblocks/react";
function MyChat() {  return (    <>      <AiChat chatId="my-chat" layout="compact" copilotId="co_g7Aj3kF9hQs9xL" />
      <RegisterAiKnowledge        description="Revenue data per quarter"        value={[          { quarter: "Q1", amount: "$1.3M", growth: "6%" },          { quarter: "Q2", amount: "$1.6M", growth: "18%" },          { quarter: "Q3", amount: "$1.8M", growth: "12%" },          { quarter: "Q4", amount: "$2.4M", growth: "23%" }        ]}      />
      <RegisterAiKnowledge description="The current date" value={new Date()} />
      <RegisterAiTool        name="revenue-bar"        tool={defineAiTool()({          description: "Display revenue performance bar",          parameters: {            type: "object",            properties: {              quarter: { type: "string" },              amount: { type: "number" },              growth: { type: "number" },            },          },          execute: () => {},          render: ({ args }) => args ? (            <div className="revenue-bar">              <h4>{args.quarter} revenue performance</h4>              <ProgressBar value={args.amount} />              <div>                <span>${args.amount}</span>                <span>+{args.growth}%</span>              </div>            </div>          ) : null        })}      />
      <RegisterAiKnowledge        description="Team progress data"        value={getTeamProgressData()}      />
      <RegisterAiTool        name="team-progress"        tool={defineAiTool()({          description: "Display team progress",          parameters: {            type: "object",            properties: {              members: {                type: "array",                 items: {                  type: "object",                  properties: {                    name: { type: "string" },                    performance: { type: "number" },                    }                }              }            },          },          execute: () => {},          render: ({ args }) => args ? (            <div className="team-progress">              <h4>Team progress</h4>              {args.members.map(member => (                <div key={member.name}>                  {member.name}: {member.performance}%                </div>              ))}            </div>          ) : null        })}      />    </>  );}

A platform you can trust at scale.

Behind every Liveblocks feature is a battle-tested platform built for scale, reliability, and security—trusted by teams shipping to millions of users.

Monitoring Dashboard

Analyze and manage your collaborative experiences.

Overview

Active users12,000

Active rooms1,990

Comments1,804

Notifications193

Data stored34 Mb

Realtime Infrastructure

Robust WebSocket infrastructure and reliable connection engine.

Ping

Previous

Next

“Not only has Liveblocks helped us bring on new customers, it also enabled us to expand current accounts to more users.”

Joel VartyCTO atAgility CMS

Effortless scaling

Built to handle any traffic on your collaborative experiences.

Minimal configuration

Scale to millions of users. No complex configuration required.

No maintenance required

Spend time building, not maintaining infrastructure.

Enterprise‑ready security

Best-in-class security practices to keep your integration safe.

99.99% Uptime

SOC 2Learn more

HIPAALearn more

Turn your product into the space where people and AI collaborate

Start today for free Book a demo