Embed collaborative experiences into your React app

Liveblocks empowers developers to embed performant collaborative features to any product in just days.

Companies of all sizes and industries use Liveblocks

Multiplayer -
Realtime collaboration

Let users co-edit text and manipulate data simultaneously, in realtime—just like Figma or Notion.

import { LiveObject } from "@liveblocks/client";import { useStorage, useMutation } from "./liveblocks.config";
// Pass these to RoomProviderconst initialStorage = {  scientist: new LiveObject({    firstName: "Ada",    lastName: "Lovelace",  }),};
export default function Form() {  const scientist = useStorage(root => root.scientist);
  const update = useMutation(({ storage }, field, value) => {    storage.get('scientist').set(field, value);  }, []);
  return (    <>      <input        value={scientist.firstName}        onChange={(e) => { update("firstName", e.target.value) }      />      <input        value={scientist.lastName}        onChange={(e) => { update("lastName", e.target.value) }      />    </>  );}

Turn your product into the space where people and AI collaborate

Get started for free

Contact sales

Embed collaborative experiences into your React app

Multiplayer - Realtime collaboration

Turn your product into the space where people and AI collaborate

Multiplayer -
Realtime collaboration