Introducing AI Copilots, ready‑made interfaces for human‑like collaboration
Today, I’m thrilled to introduce AI Copilots, a set of pre‑built components to enable your users to collaborate with AI agents directly within your product.
AI is transforming the way we work. By weaving AI into software, companies can
boost their customers’ productivity through smart and delightful experiences.
However, many AI integrations fall short—a clunky, disjointed experience can
frustrate users and weaken your product’s appeal.
That’s why we’re excited to introduce AI Copilots: a ready-made
feature that enables your users to collaborate with AI directly within your
product. With AI Copilots, our mission is quite simple: enable people to
collaborate with AI as naturally as they do with humans. To that end, we’ve
created a set of customizable pre-built components that can be effortlessly
integrated into any product.
We’re currently onboarding a limited number of customers. If you’re interested
in integrating AI Copilots into your product,
request access today.
We believe AI should feel less like a tool and more like a human collaborator.
That’s why we’ve reinterpreted the best UX paradigms from human-to-human
collaboration—such as live cursors, chat interfaces, and comments—to make
working with AI intuitive and familiar.
With Liveblocks AI Copilots, we provide pre-built React components that are
fully configurable and can be easily integrated into any product. These
interfaces offer a range of form factors, so you can embed AI exactly where your
users need it most:
Floating toolbar: Context-aware tools that appear when users need them.
Contextual chat: Conversational interface for deeper collaboration.
Live cursors: Realtime AI contributions that create a sense of presence.
Comments: Tag AI in discussions, just like a teammate.
These components are designed for flexibility, enabling you to tailor the
experience to your product’s unique workflows and branding.
Floating toolbar: AI suggestions appear exactly where users need them.
Contextual chat: a conversational interface for deeper collaboration.
Live cursors: see AI actively contributing in real-time, creating a dynamic sense of presence.
Comments: users can mention AI as a teammate to get feedback or suggestions.
Our approach is simple: we take care of the interface so you can focus on
delivering the best AI experience. With AI Copilots, you can integrate the model
of your choice—whether it’s your own proprietary AI trained on private customer
data or a popular LLM like OpenAI’s GPT or Anthropic's Claude. This flexibility
ensures you retain full control over how AI functions in your product while
benefiting from Liveblocks’ best-in-class user interfaces.
With AI Copilots, you can easily define custom actions and associate them with
tailored prompts to create intelligent workflows that are unique to your use
case. For example, you can configure buttons like "Translate to French" or
"Summarize", allowing your users to interact with AI in ways that align with
your product’s purpose. This flexibility empowers companies to deliver AI
capabilities that feel purposeful and deeply integrated into their workflows.
Our AI Copilots components integrate seamlessly with the other ready-made
features provided by Liveblocks, including Text Editor and
Comments. This cohesive experience ensures that AI feels like an
integral part of your product.
This year’s focuses on three pillars: awareness, engagement, and retention. To build product awareness, we’re rolling out a paid campaign across social media, targeting key demographics.
For engagement, we’ll be focusing on value-driven content. This includes educational blog posts, short video tutorials, and a downloadable guide to help customers solve common challenges.
Retention efforts will focus on deepening relationships with current customers. This quarter, we’re launching a VIP program for our top-tier customers, offering exclusive discounts and early access to new features.
Floating AI toolbar
import{ useEditor,EditorContent}from"@tiptap/react";import{ useLiveblocksExtension,AiToolbar}from"@liveblocks/react-tiptap"; exportfunctionTiptapEditor(){const liveblocks =useLiveblocksExtension({ai:true});const editor =useEditor({extensions:[liveblocks]}); return(<><EditorContent editor={editor}/> <AiToolbar editor={editor}><AiToolbar.Suggestion>Explainin…</AiToolbar.Suggestion><AiToolbar.Suggestion prompt="Improve writing so it's more concise and clear">Improve writing</AiToolbar.Suggestion></AiToolbar></>);}
AI Copilots is more than just a feature—it’s your solution for keeping users
engaged and collaborating directly within your product. By integrating AI
Copilots, you prevent users from bouncing out to external tools like ChatGPT,
ensuring they stay in your ecosystem and experience the value your product
provides.
If you’re interested in integrating AI Copilots into your product, please make
sure to request access today.