Embed a customizable commenting experience into your product to enable people to collaborate.
Built for React
Fully customizable and accessible UI components
Use our unstyled, composable, accessible, and customizable React components to build a world‑class commenting experience.
Add styles with your preferred CSS technology. Styled‑components, Tailwind, Stitches, your name it.
Get granular access to all parts of the component—enabling you to compose UI the way you want.
The Liveblocks components comes with full keyboard navigation and screen reader support.
Add event listeners to the Liveblocks components to customize behavior.
Never refresh again with real‑time updates
Real‑time updates: comments and reactions appear automatically without the need to refresh the page.
Keep people engaged with mentions
Mentioned people in comments are automatically notified, keeping everyone aware of important discussions.
Enable focused feedback with annotations
Discussions can take place at the document level or as annotations for more focused feedback.
Close the loop with discussion resolution
Enable people to effectively manage and resolve discussions, empowering them to collaborate efficiently.
More than just comments
A fully integrated collaboration toolkit
Liveblocks is a set of APIs and tools to add performant collaborative experiences—like multi-user document editing, and more—to your product in days, not months.
Make people feel like they’re together in the same room.
Broadcast real‑time events to connected clients.
Conflict‑free data types
Enable people to edit the same document concurrently.
Add a document browsing experience to your product workspace.
Allow users to invite people and groups to their documents to collaborate.
Kickstart your Next.js collaborative application.
Browser extension to inspect collaborative experiences.
Dashboard to monitor and analyse Liveblocks usage.