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](/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.

<YouTube id="4sajEMkI43k" />

We’re currently onboarding a limited number of customers. If you’re interested
in integrating AI Copilots into your product,
[request access today](/ai-copilots).

<ButtonLink className="mt-4 mb-6" appearance="primary" href="/ai-copilots">
  Request access
</ButtonLink>

## Enable your users to collaborate with AI as naturally as they do with people using our pre-built interfaces

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.

<Slideshow
  slides={[
    {
      width: 656,
      height: 437,
      imageUrl: "/images/blog/introducing-ai-copilots/01-floating-toolbar.jpg",
      caption:
        "Floating toolbar: AI suggestions appear exactly where users need them.",
    },
    {
      width: 656,
      height: 437,
      imageUrl: "/images/blog/introducing-ai-copilots/02-contextual-chat.jpg",
      caption:
        "Contextual chat: a conversational interface for deeper collaboration.",
    },
    {
      width: 656,
      height: 437,
      imageUrl: "/images/blog/introducing-ai-copilots/03-live-cursors.jpg",
      caption:
        "Live cursors: see AI actively contributing in real-time, creating a dynamic sense of presence.",
    },
    {
      width: 656,
      height: 437,
      imageUrl: "/images/blog/introducing-ai-copilots/04-comments.jpg",
      caption:
        "Comments: users can mention AI as a teammate to get feedback or suggestions.",
    },
  ]}
/>

## Compatible with any large language model

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.

<div className="my-8 md:my-10">
  <Figure>
    <Image
      src="/images/blog/introducing-ai-copilots/ai-interfaces-llm.jpg"
      alt="AI interfaces that work with your LLM of choice"
      width={672}
      height={500}
      quality={95}
    />
  </Figure>
</div>

## Add custom prompt commands to meet your unique use case

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.

<div className="my-8 md:my-10">
  <Figure>
    <Image
      src="/images/blog/introducing-ai-copilots/custom-prompts.jpg"
      alt="Add custom prompt commands to meet your unique use case"
      width={672}
      height={500}
      quality={95}
    />
  </Figure>
</div>

Our AI Copilots components integrate seamlessly with the other ready-made
features provided by Liveblocks, including [Text Editor](/text-editor) and
[Comments](/comments). This cohesive experience ensures that AI feels like an
integral part of your product.

<LiveExampleWithCode examples={["floating-ai-toolbar"]} />

## Request access today

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](/ai-copilots).

<ButtonLink className="mt-4 mb-6" appearance="primary" href="/ai-copilots">
  Request access
</ButtonLink>