Lenny’s community - Ready-made collaborative features

Liveblocks provides customizable pre-built features that boost user engagement by adding collaboration to your product. All without derailing your roadmap.

Start today for free

Book a demo

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

Companies of all sizes and industries use Liveblocks in production

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.

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.

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%

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.

Not only has Liveblocks helped us bring on new customers, it also enabled us to expand current accounts to more users.
Joel VartyCTO at Agility 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 2

HIPAA

Turn your product into the space where people and AI collaborate