Collaborative experiences in days, not months

Liveblocks provides developers with a complete toolkit to embed performant collaboration features to your product remarkably fast.

Sign up for free

Building blocks for collaboration

Add collaborative experiences you know and love like text editors, forms, creative tools, and whiteboards with Liveblocks APIs and tools.

Integrations

Integrates deeply with your tech stack

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

Zustand
Next.js
Zustand
Next.js
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.
Image of Clover
Image of Tom Giannattasio
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.

Opensource 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.

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.

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();

Join the community

Thousands of developers have already tried Liveblocks

Image of Motionbox
Image of Michael Aubry

Michael Aubry

CEO of Motionbox

Shoutout to @liveblocks for making collaboration possible.

Image 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!

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 of Clover
Image 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.

Image of Meta
Image of Jonathan Cai

Jonathan Cai

Engineer at Meta

holy shit @liveblocks is magic

Image of Vercel
Image of John Pham

John Pham

Design Engineer at Vercel

Our @vercel ship livestream saw a total of 340,157 reactions. The craziest part? We went from idea → production in 2 days—thanks to our friends at @liveblocks!

Our @vercel ship livestream saw a total of 340,157 reactions.

The craziest part?

We went from idea → production in 2 days—thanks to our friends at @liveblocks!
Image of Sketchnote
Image of Shreekant Pawar

Shreekant Pawar

Co-founder at Sketchnote

We are in the process of integrating @liveblocks on @SketchnoteCo So far the entire process has been seamless and @stevenfabre is absolute rockstar, hats off to him and his team for building such an amazing product!

Image of Vercel
Image of Guillermo Rauch

Guillermo Rauch

CEO at Vercel

realtime powered by @liveblocks 🔥🇫🇷

Image of Glimpse
Image of Kasper Mikiewicz

Kasper Mikiewicz

Developer at Glimpse

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

Image of Dialogue
Image of Alexis Smirnov

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.

Image of Hugging Face
Image of Radamés Ajna

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 -

Image of Motionbox
Image 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.

Image of Facet.ai
Image of Kyle Schaeffer

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.

Image of Segment
Image of Ian Storm Taylor

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.

Image of PopStage
Image 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.

Image of Vercel
Image of Steven Tey

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 ✨

Image of Stellate
Image of Max Stoiber

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!

Image of Zolplay
Image of Cali Castle

Cali Castle

Founder of Zolplay

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

Image of FERMAT
Image of Oscar Cuatrecasa

Oscar Cuatrecasa

Co-Founder and CTO at Fermat

We were able to seamlessly integrate Liveblocks in just one week. It was impressive to see how quickly we were able to convert our existing product into a collaborative one.

Image of Motionbox
Image of Michael Aubry

Michael Aubry

CEO of Motionbox

Shoutout to @liveblocks for making collaboration possible.

Image 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!

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 of Clover
Image 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.

Image of Meta
Image of Jonathan Cai

Jonathan Cai

Engineer at Meta

holy shit @liveblocks is magic

Image of Vercel
Image of John Pham

John Pham

Design Engineer at Vercel

Our @vercel ship livestream saw a total of 340,157 reactions. The craziest part? We went from idea → production in 2 days—thanks to our friends at @liveblocks!

Our @vercel ship livestream saw a total of 340,157 reactions.

The craziest part?

We went from idea → production in 2 days—thanks to our friends at @liveblocks!
Image of Sketchnote
Image of Shreekant Pawar

Shreekant Pawar

Co-founder at Sketchnote

We are in the process of integrating @liveblocks on @SketchnoteCo So far the entire process has been seamless and @stevenfabre is absolute rockstar, hats off to him and his team for building such an amazing product!

Image of Vercel
Image of Guillermo Rauch

Guillermo Rauch

CEO at Vercel

realtime powered by @liveblocks 🔥🇫🇷

Image of Glimpse
Image of Kasper Mikiewicz

Kasper Mikiewicz

Developer at Glimpse

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

Image of Dialogue
Image of Alexis Smirnov

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.

Image of Hugging Face
Image of Radamés Ajna

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 -

Image of Motionbox
Image 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.

Image of Facet.ai
Image of Kyle Schaeffer

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.

Image of Segment
Image of Ian Storm Taylor

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.

Image of PopStage
Image 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.

Image of Vercel
Image of Steven Tey

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 ✨

Image of Stellate
Image of Max Stoiber

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!

Image of Zolplay
Image of Cali Castle

Cali Castle

Founder of Zolplay

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

Image of FERMAT
Image of Oscar Cuatrecasa

Oscar Cuatrecasa

Co-Founder and CTO at Fermat

We were able to seamlessly integrate Liveblocks in just one week. It was impressive to see how quickly we were able to convert our existing product into a collaborative one.