Collaborative experiences in days, not months

Liveblocks integrates deeply with popular frontend frameworks and libraries, making it easy to embed real‑time collaborative experience into any product.

Read the docs

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.
Tom GiannattasioCEO of Clover

Fully hosted, performant, and reliable

No more monitoring WebSocket servers, worrying about scale and maintenance of legacy systems. Liveblocks is fully hosted so you can focus on your core product.

Global edge network

Each collaborative document lives on a WebSocket server close to your users.

type User {

name: string

email: string

avatar: string

}

Schema validationBeta

Set validation rules for your documents data types.

WebhooksBeta

Synchronize collaborative documents to your own database through webhooks.

Open‑source examples

Add collaborative experiences quickly and flexibly

Liveblocks provides you with powerful open‑source examples that can be used modularly. No upfront costs, unnecessary technical debt, or distracting your developers from focusing on the core product.

Browse examples

Designed for developers

Developer-centric tooling

Liveblocks accelerates developer productivity with developer tools, and analytics to understand how your users are using your product’s collaborative features.

Read the docs

User A

Drag the shapes

User B

Drag the shapes

import { LiveList, LiveObject } from "@liveblocks/client";import {  useStorage,  useMyPresence,  useOthers,} from "./liveblocks.config";
// Pass these to RoomProviderconst initialPresence = { selectedShape: null };const initialStorage = {  shapes: new LiveList([    new LiveObject({ x: -60, y: 0, bg: "var(--gradient-color-left)" }),    new LiveObject({ x: 60, y: 0, bg: "var(--gradient-color-right)" }),  ]),};
// Shape data updating in real-timeconst shapes = useStorage(root => root.shapes);// => [{ x: -60, y: 0, bg: "var(--gradient-color-left)" },//     { x: 60, y: 0, bg: "var(--gradient-color-right)" }]
// Share your presence as easily as using a useStateconst [myPresence, setMyPresence] = useMyPresence();setMyPresence({ selectedShape: "shapeId" });
// Get others people presence (cursors,// avatar, name, etc) with a single line of codeconst others = useOthers();

DevTools

Browser extension to inspect collaborative experiences.

Learn more

Dashboard

Dashboard to monitor and analyse Liveblocks usage.

Learn more

Starter Kit

Kickstart your Next.js collaborative application.

Learn more

Join the community

Thousands of developers have already tried Liveblocks

GitHub

Discord

Twitter

Michael Aubry

CEO of Motionbox

Shoutout to @liveblocks for making collaboration possible.

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!

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.

Jonathan Cai

Engineer at Meta

holy shit @liveblocks is magic

Thanh Vu

Software Engineer Consultant for Microsoft

We only had one month to add live collaboration to a new Microsoft site. Liveblocks saved us tons of time by handling the server part for distributed and synced data.

Kasper Mikiewicz

Developer at Glimpse

I love how they stuffed all that complex undo/redo logic into a few lines of code 🤯

Alexis Smirnov

CTO at Dialogue

One of our team used Liveblocks during a hackathon. When they presented their demo, everyone was blown away. Within two short days, they were able to increase efficiency of our care team, solve a significant pain point and make our internal tool more delightful and faster to use. The best part? It was production ready. The outcome is fantastic, our care team gets more time to focus on their most important task: taking care of our members.

Radamés Ajna

Engineering at Hugging Face

We've been working on a multiplayer experiment for #StableDiffusion powered by @huggingface GPU Space and multiplayer API by @liveblocks, inspired by @lkwq007 SD infinity project coming soon -

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.

Kyle Schaeffer

Engineering Manager at Facet.ai

When we discovered Liveblocks, it was as if someone answered all of our questions and gave us exactly what we were looking for. Everything became much easier. We were able to free ourselves to focus on what mattered to us: make image generation exciting through AI and machine learning.

Ian Storm Taylor

Co-founder of Segment

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.

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.

Steven Tey

Developer Advocate at Vercel

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 ✨

Max Stoiber

Co-founder of Stellate

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!

Cali Castle

Founder of Zolplay

@liveblocks APIs are always such a breeze and delight to work with

Michael Aubry

CEO of Motionbox

Shoutout to @liveblocks for making collaboration possible.

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!

Tom Giannattasio

CEO of Clover

Jonathan Cai

Engineer at Meta

holy shit @liveblocks is magic

Thanh Vu

Software Engineer Consultant for Microsoft

We only had one month to add live collaboration to a new Microsoft site. Liveblocks saved us tons of time by handling the server part for distributed and synced data.

Kasper Mikiewicz

Developer at Glimpse

I love how they stuffed all that complex undo/redo logic into a few lines of code 🤯

Alexis Smirnov

CTO at Dialogue

Radamés Ajna

Engineering at Hugging Face

We've been working on a multiplayer experiment for #StableDiffusion powered by @huggingface GPU Space and multiplayer API by @liveblocks, inspired by @lkwq007 SD infinity project coming soon -

Michael Aubry

CEO of Motionbox

Kyle Schaeffer

Engineering Manager at Facet.ai

Ian Storm Taylor

Co-founder of Segment

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.

Grant Forrest

Founding Engineer at PopStage

Steven Tey

Developer Advocate at Vercel

Max Stoiber

Co-founder of Stellate

Cali Castle

Founder of Zolplay

@liveblocks APIs are always such a breeze and delight to work with