Lenny’s community - 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

Annotationslike Google Docs

Inboxlike Linear

Co-editinglike Google Docs

Multiplayerlike Figma

Commentslike Notion

3D toolslike Spline

Whiteboardlike Miro

Spreadsheetslike Google Sheets

Creative toolslike Canva

Companies of all sizes and industries use Liveblocks in production

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" />      ))}    </>  );}