Concepts – How Liveblocks works

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

Ready-made features

Liveblocks provides ready‑to‑use features through customizable pre‑built components that can easily be dropped into your product to boost growth: Comments, Text Editor, Presence, and Notifications. You can decide features you want to use based on your requirements and collaborative experiences you’re looking to add.

If you have more advanced needs, you can also leverage Liveblocks to host and scale local-first sync engines such as Liveblocks Storage and Yjs.

How Liveblocks works - Ready-made features

Rooms

A room is the digital space in which people collaborate. You can require your users to be authenticated to interact with rooms, and each room can have specific permissions and metadata associated with them.

Projects

A project in your dashboard represents an application which has rooms. Most Liveblocks products are room-based, however Notifications is project-based instead, so that users can receive notifications from other rooms.

Packages and SDKs

Integrations for specific libraries and frameworks to add Liveblocks-powered collaborative experiences to your product: JavaScript, React, React UI, React Lexical, Node.js Lexical, Redux, Zustand, Yjs, and Node.js. Integrations are designed to serve various collaboration use cases such as collaborative text editors, comments, notifications, and more.

Platform

Liveblocks provides a fully-hosted platform built around a WebSocket infrastructure that scales effortlessly to millions of users. The platform equips you with a set of powerful tools such as our sync datastore, REST API, webhooks, schema validation, analytics, and more.