Build amazing real‑time collaborative products

Liveblocks is a set of APIs and tools that helps you create performant and reliable multiplayer experiences in minutes.

Designed for developersConvert your product to multiplayer in minutes

Liveblocks integrates directly with popular frameworks and state‑management libraries, making it easy to convert an existing application into a real‑time collaborative experience.

User A
Drag the shapes
User B
Drag the shapes
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
import { LiveList, LiveObject } from "@liveblocks/client";
import {
useList,
useMyPresence,
useOthers,
} from "./liveblocks.config";
// Pass these to RoomProvider
const initialPresence = { selectedShape: null, };
const initialStorage = {
shapes: new LiveList([
new LiveObject({ x: -60, y: 0, bg: "#FF2868" }),
new LiveObject({ x: 60, y: 0, bg: "#FF7A00" }),
]),
};
// Shape data updating in real-time
const shapes = useList("shapes");
// => [{ x: -60, y: 0, bg: "#FF2868" },
// { x: 60, y: 0, bg: "#FF7A00" }]
// Share your presence as easily as using a useState
const [myPresence, setMyPresence] = useMyPresence();
setMyPresence({ selectedShape: "shapeId" });
// Get others people presence (cursors,
// avatar, name, etc) with a single line of code
const others = useOthers()

Presenceblock

Add presence to your product, making people feel like they’re together in the same room.

Lightning fast

Our WebSocket servers live on the edge to enable true real‑time collaboration.

World map with edge locations

Live avatar stack

Include a live avatar stack with a share button to encourage people to invite collaborators.

Tim
Ellen
Tim L

Live selection

Let people see what part of the document they are interacting with in real‑time.

Name
Liveblocks
URL
Description
Submit

Live cursors

Add live cursors to make people feel as if they were together in the same room.

Tim
Ellen

Storageblock
Beta

Synchronize your application state between users, enabling them to edit the same data in real‑time.

Shared real-time state

Liveblocks provides the persistence layer inspired by CRDTs to enable multiplayer.

Offline support

Any changes users make will automatically sync when they’re back online.

Multiplayer undo/redo

Flexible undo/redo APIs integrate perfectly in a multiplayer environment.

Control your data

Data can be cleared from Liveblocks servers and stored on your own database.

your database

Analyticsblock

Get insight into how your users are collaborating to help you make informed product decisions.

Iterate with confidence

Improve your collaborative experience based on usage data and insights.

Track real‑time usage

Get a real‑time understanding on how people are collaborating in your product.

Active rooms
6655
Total connections
434
Simultaneous connections
450
Simultaneous connections per room
20
Active rooms
6655
Total connections
434
Simultaneous connections
450
Simultaneous connections per room
20

Join the communityThousands of developers have already tried Liveblocks

Avatar of Max Stoiber

Max Stoiber

@mxstbr

The next generation of SaaS products are all going to be real‑time collaborative. But building one is waaaay to hard! Liveblocks makes it so much simpler it's unreal: https://liveblocks.io 🔥 Pumped to be an investor!

Avatar of Tom Giannattasio

Tom Giannattasio

CEO of Clover

Liveblocks enabled us to add real‑time presence to our application in hours instead of weeks and we don’t have to worry about maintenance. This is a no‑brainer for anyone building collaborative experiences.

Avatar of Brian Lovin

Brian Lovin

@brian_lovin

Finally got my hands on the @liveblocks beta this weekend and I added real‑time multiplayer to my personal website. Real-time-experiences-as-a-service = magical ✨ Check it out: https://brianlovin.com

Avatar of Steve Ruiz

Steve Ruiz

@steveruizok

The team at @liveblocks is killing it with their undo/redo API. I feel seen 😌

Avatar of Michael Aubry

Michael Aubry

CEO of Motionbox

Liveblocks is our temporary frontline data store for real‑time collaboration. The persisted data is synced on our database to have full control over the security. With Liveblocks, the app is fast and really smooth. When we released Liveblocks multiplayer we got more conversions that’we ever gotten in any given week.

Avatar of Grant Forrest

Grant Forrest

Founding Engineer at PopStage

I think a big impact for us as a very small startup is the ability to pivot quickly between some different ideas until we found this one that we’re really excited about. Just having the opportunity to basically pick up off-the-shelf live, real-time data integration is huge. As a small team that needs to move fast and focus on a lot of different things, it’s an accelerator to get us into this product space that we normally might not have been able to access, because we would have been too bogged down on the technical work of making the real time data work in it.

Avatar of Steven Tey

Steven Tey

@steventey

This is a gamechanger 🤩 Until today, the infra behind live collaboration used to be something that could only be built by massive engineering teams at Google, Figma etc. But with @Liveblocks, _any_ engineer can build a world-class real‑time tool in just a few lines of code ✨

Avatar of Chris Laughlin

Chris Laughlin

@thedyslexicdeveloper

This Liveblocks tool is cool! I tried the exact same thing with Firebase and after four hours, I got so angry that I gave up!

Image that goes alongside quote
Avatar of Ian Storm Taylor

Ian Storm Taylor

@ianstormtaylor

Liveblocks is such a good idea! I've written collaborative editing logic and I'd much rather never have to write it again 😄 definitely going to use this next time.

Avatar of Jonathan Cai

Jonathan Cai

@jonathanmcai

holy shit @liveblocks is magic

Avatar of Gabe 🎣

Gabe 🎣

@gabe_ragland

Add multiplayer functionality to your app with a couple lines of code. Even has built-in React hooks 🤯 http://liveblocks.io Love what you're building @stevenfabre @guillaume_slls

Avatar of René-Pier

René-Pier

@RPDeshaies

I want to say a huge thank you to the team over at @liveblocks for having helped me during integration and for helping the entire Fari community with opportunity to have the best online TTRPG experience there is.

Avatar of Chris

Chris

@ctnicholasdev

I’m so impressed with @liveblocks; when @stevenfabre suggested the idea of a demo that lets you play music together, I was feeling quite sceptical. What about the delay? I went ahead, built the demo, and amazingly, Liveblocks is so quick you can actually make music together 👌

Avatar of Grant Custer

Grant Custer

Software Developer at Sprout

I’ve often been reluctant to rely on outside services, but Liveblocks’ team has been super helpful in terms of tracking stuff down that’s going wrong or offering some advice on how to structure things. They helped us with that transition over to the API, which took about a month.

Avatar of Max Stoiber

Max Stoiber

@mxstbr

The next generation of SaaS products are all going to be real‑time collaborative. But building one is waaaay to hard! Liveblocks makes it so much simpler it's unreal: https://liveblocks.io 🔥 Pumped to be an investor!

Avatar of Tom Giannattasio

Tom Giannattasio

CEO of Clover

Liveblocks enabled us to add real‑time presence to our application in hours instead of weeks and we don’t have to worry about maintenance. This is a no‑brainer for anyone building collaborative experiences.

Avatar of Brian Lovin

Brian Lovin

@brian_lovin

Finally got my hands on the @liveblocks beta this weekend and I added real‑time multiplayer to my personal website. Real-time-experiences-as-a-service = magical ✨ Check it out: https://brianlovin.com

Avatar of Steve Ruiz

Steve Ruiz

@steveruizok

The team at @liveblocks is killing it with their undo/redo API. I feel seen 😌

Avatar of Michael Aubry

Michael Aubry

CEO of Motionbox

Liveblocks is our temporary frontline data store for real‑time collaboration. The persisted data is synced on our database to have full control over the security. With Liveblocks, the app is fast and really smooth. When we released Liveblocks multiplayer we got more conversions that’we ever gotten in any given week.

Avatar of Grant Forrest

Grant Forrest

Founding Engineer at PopStage

I think a big impact for us as a very small startup is the ability to pivot quickly between some different ideas until we found this one that we’re really excited about. Just having the opportunity to basically pick up off-the-shelf live, real-time data integration is huge. As a small team that needs to move fast and focus on a lot of different things, it’s an accelerator to get us into this product space that we normally might not have been able to access, because we would have been too bogged down on the technical work of making the real time data work in it.

Avatar of Steven Tey

Steven Tey

@steventey

This is a gamechanger 🤩 Until today, the infra behind live collaboration used to be something that could only be built by massive engineering teams at Google, Figma etc. But with @Liveblocks, _any_ engineer can build a world-class real‑time tool in just a few lines of code ✨

Avatar of Chris Laughlin

Chris Laughlin

@thedyslexicdeveloper

This Liveblocks tool is cool! I tried the exact same thing with Firebase and after four hours, I got so angry that I gave up!

Image that goes alongside quote
Avatar of Ian Storm Taylor

Ian Storm Taylor

@ianstormtaylor

Liveblocks is such a good idea! I've written collaborative editing logic and I'd much rather never have to write it again 😄 definitely going to use this next time.

Avatar of Jonathan Cai

Jonathan Cai

@jonathanmcai

holy shit @liveblocks is magic

Avatar of Gabe 🎣

Gabe 🎣

@gabe_ragland

Add multiplayer functionality to your app with a couple lines of code. Even has built-in React hooks 🤯 http://liveblocks.io Love what you're building @stevenfabre @guillaume_slls

Avatar of René-Pier

René-Pier

@RPDeshaies

I want to say a huge thank you to the team over at @liveblocks for having helped me during integration and for helping the entire Fari community with opportunity to have the best online TTRPG experience there is.

Avatar of Chris

Chris

@ctnicholasdev

I’m so impressed with @liveblocks; when @stevenfabre suggested the idea of a demo that lets you play music together, I was feeling quite sceptical. What about the delay? I went ahead, built the demo, and amazingly, Liveblocks is so quick you can actually make music together 👌

Avatar of Grant Custer

Grant Custer

Software Developer at Sprout

I’ve often been reluctant to rely on outside services, but Liveblocks’ team has been super helpful in terms of tracking stuff down that’s going wrong or offering some advice on how to structure things. They helped us with that transition over to the API, which took about a month.