AI CopilotsAI Copilots

Add collaborative AI agents to your product

Embed conversational AI into your product with ready-made React building blocks. No AI or back-end expertise required.

Book a demo
Start today for free
Background
AI
Stacy

Bring your LLM

Connect any LLM provider in seconds, just add your API key and start building instantly.

Context-aware AI actions

Your AI understands your app's state and takes meaningful, in-product actions that feel natural.

No AI expertise required

No AI plumbing, just add <AiChat />. Get tool calling and RAG out of the box so you can ship faster.

Collaborative by design

We’ve spent years perfecting real-time collaboration, now your AI agents get it too.

Enable your users to collaborate with AI in your product using pre‑built components.

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
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        })}      />    </>  );}
See more examples in our showcase

Why you don’t want to build this from scratch.

Build collaborative AI without the pain.

Building in-house

  • Clunky HTTP infrastructure
  • Handle state, retries, tool calls
  • Handle multi-tab and agent sessions
  • Build chat UI from scratch
  • Store and sync messages in your database
  • Set up vector databases and RAG
  • Juggle LLM provider quirks manually

With Liveblocks

  • Reliable WebSocket infrastructure
  • Easy APIs for calling tools and handling state
  • Seamless multi-tab and agent sessions
  • Customizable pre-built components
  • Chats automatically persisted for you
  • Feed knowledge by submitting websites and files
  • Unified support for multiple LLM providers

Create exceptional AI agent experiences.

Embed context-aware, realtime AI agents into your product using pre-built React components that handle both UI and backend logic.

Managed knowledge infrastructure

Ingest knowledge via dashboard or REST API—orchestrated like Notion, Linear, and Cursor.

Custom UI in chat

Render interactive React components directly inside chat messages.

Plug in your own AI model

Bring your LLM. Own the data and logic. Skip the plumbing.

Custom tool calls

Define tools that let your AI look up data and take actions on behalf of users.

Launch in days, not months

Designed for speed: drop-in components, managed infrastructure, no AI ramp-up.

Enterprise-grade by default

Secure by design—with compliance, availability, and full data ownership.

No maintenance required

Spend time building, not maintaining infrastructure.

More than just AI Copilots.

Engage users, fuel creativity, and drive growth with just a few lines of code. Ship collaborative features into your product in days, not months.

Comments

Comments

Add contextual comments directly inside your product.

Learn more
Multiplayer Editing

Multiplayer Editing

Add realtime collaboration to your product experience.

Learn more
Notifications

Notifications

Embed an inbox in your app and keep users coming back.

Learn more
Presence

Presence

Bring realtime presence indicators to your product.

Learn more

Turn your product into the space where people and AI collaborate

Start today for free
Book a demo