First-party Tiptap support

Ready‑made collaborative features

Liveblocks provides customizable pre-built features that boost user engagement by adding collaboration to your product. All without derailing your roadmap.

Start today for free

Book a demo

Cost effective

Proven ROI

Customizable

Fast to implement

Secure

Meet our customers

Many SaaS companies struggle to keep their users engaged and drive growth. This is because their products aren’t designed for how people work today. Teams seek collaboration in their daily work, but instead find themselves emailing files, sharing links in Slack, and juggling multiple tools… Work is fragmented, disconnected, and hinders productivity.

There’s a reason why fast-growing companies like Figma, Linear, and Notion are thriving. Their secret? They’ve perfected user engagement with features like contextual comments, intelligent notifications, multiplayer editing, and more.

However, building such experiences is no small feat. Even seemingly simple features like commenting can extend into months‑long battles for quality. Throw notifications into the mix, along with scaling & maintaining your infrastructure, and you’re looking at months of serious effort. It starts to feel like an impossible task.

Liveblocks makes it possible.

Annotationslike Google Docs

Inboxlike Linear

Co-editinglike Google Docs

Multiplayerlike Figma

Commentslike Notion

3D toolslike Spline

Whiteboardlike Miro

Spreadsheetslike Google Sheets

Creative toolslike Canva

Ready‑made collaborative features.

Liveblocks provides ready‑to‑use features through customizable pre‑built components that can easily be dropped into your product to boost growth.

Comments

Contextual comments directly inside your product.

@Alicia can you update the logo?

Text Editor

Add a collaborative rich text editor to your product.

Co-editJonathaning

like Google Docs

Notifications

Embed an inbox in your app and keep users returning.

Inbox

Florent mentioned you in a comment@Alicia can you update the logo?

Vincent invited you to a documentFinancial plan for 2025

Your export is ready for downloadRoadmap.png

Presence

Bring realtime presence indicators to your product.

Marc

Love it!

Pierre

First‑class developer experience.

Every API is carefully crafted to provide the best developer experience. Save heartache and ship faster. Let us handle the complexity.

Read the docs

Browse examples

Alicia4h ago

@Marc Can I make it look like my brand?

Marc4h ago

@Alicia Yes! Try updating --lb-radius and --lb-accent for example.

import { useThreads } from "@liveblocks/react";import { Thread } from "@liveblocks/react-ui";
function CommentThreads() {  const { threads } = useThreads();
  return (    <>      {threads.map((thread) => (        <Thread key={thread.id} thread={thread} className="thread" />      ))}    </>  );}