Liveblocks
@liveblocks.io
📤 115
📥 7
📝 234
Realtime infrastructure for multiplayer apps and agents • liveblocks.io
reposted by
Liveblocks
Chris Nicholas
about 3 hours ago
I've updated my open-source AI slideshow template! It's got a bunch of new features: ✦ Drag-and-drop elements, double-click to edit text. ✦ Editing is collaborative, users have presence. ✦ Multiplayer undo/redo, in both views. ✦ Create multiple slides. Get it ↓
loading . . .
1
3
1
Updated—AI slideshow example. We've added new features to our latest example, enabling drag-and-drop editing, realtime presence, multi-slide generation, and more. Download it ↓
loading . . .
about 3 hours ago
1
4
1
reposted by
Liveblocks
Chris Nicholas
2 days ago
I've built an open-source slide editor! ✦ Generate HTML slides with AI. ✦ Collaborative code editing. ✦ Draggable commenting. ✦ Export to powerpoint. Try it out ↓
loading . . .
1
4
1
Generate HTML slides with AI, collaboratively. We've released a new open-source example—a multiplayer slide editor with live code editing, draggable comments, and PowerPoint export. Get it ↓
loading . . .
2 days ago
1
2
1
reposted by
Liveblocks
Chris Nicholas
7 days ago
Add a multiplayer .docx editor to your app! ✦ 100% compatible with MS Word. ✦ Real-time editing and presence. ✦ Leave suggestions for others. Get it ↓
loading . . .
2
4
1
New in Liveblocks. • Collaborative .docx editing. • AI Copilot knowledge that stays current. • AI spreadsheet & multiplayer chat examples. Learn more ↓
loading . . .
7 days ago
1
3
0
reposted by
Liveblocks
Chris Nicholas
8 days ago
Add a multiplayer AI chat to your app! ✦ Multiple users at once. ✦ Real-time chat updates. ✦ Switch between pages, history. Get it from
@vercel.com
templates ↓
loading . . .
1
2
1
New template: AI spreadsheet. When multiple humans & agents edit simultaneously, changes are overwritten. However, with a sync engine, you can solve conflicts gracefully, and enable true collaboration—like in our new spreadsheet. Get it from
@vercel.com
↓
loading . . .
8 days ago
1
2
1
Using Python? Power your Liveblocks back end with our SDK for Python. Featuring 85+ methods for managing rooms, updating realtime storage, building agent workflows, and more.
lblcks.io/gPEa4az
loading . . .
Python SDK | API Reference | Liveblocks
API Reference for the Liveblocks Python package
https://lblcks.io/gPEa4az
9 days ago
0
2
0
reposted by
Liveblocks
Chris Nicholas
9 days ago
I've published an AI spreadsheet template. ✦ Cells & chat are real-time multiplayer. ✦ Live presence for humans & agents. ✦ Trigger AI from comment threads. It's open-source ↓
loading . . .
1
6
1
reposted by
Liveblocks
Chris Nicholas
14 days ago
DX in
@liveblocks.io
is crazy! See this hook? It fetches a multiplayer list of objects. Every time the list changes, it automatically updates with a new value, in real-time. No back-end or setting up WebSockets—just React.
1
2
1
Test your Liveblocks app locally using our dev server. Open-sourced earlier this year, we've continued to make improvements, such as enabling more REST APIs, permissions, and room metadata. $ npx liveblocks dev
loading . . .
14 days ago
1
1
0
reposted by
Liveblocks
Chris Nicholas
16 days ago
In case you missed it,
@liveblocks.io
has nodes for n8n! It's super handy for setting up complex workflows, for example after a Liveblocks comment's created, you can trigger an AI response. Another use case is allowing AI to modify your realtime data with a custom trigger.
loading . . .
1
2
1
Did you see? Liveblocks has
@n8n.io
nodes. • Trigger workflows from webhook events. • Edit realtime data, send AI comments, more. All possible without writing code.
loading . . .
16 days ago
1
2
0
Build an agent-powered spreadsheet. Our new open-source example shows how to enable human-agent collaboration inside a
@nextjs.org
app, featuring multiplayer cells, chat, comments, and more. Try it ↓
loading . . .
19 days ago
1
3
1
reposted by
Liveblocks
Chris Nicholas
19 days ago
We're transitioning into a world where multiplayer documents are required. As more and more agents become commonplace, you need a way to ensure that their modifications don't disrupt other agents & humans—you need a sync engine, like below. And that's not the only challenge ↓
loading . . .
1
2
1
reposted by
Liveblocks
Chris Nicholas
22 days ago
Add WebSockets to your agent/workflow with one React hook! Feeds is a new real-time primitive for the agentic world, by
@liveblocks.io
. Use it to send live JSON data into your app, directly from your back-end. Status updates, chat messages, tool calls, etc. And it's multiplayer.
loading . . .
1
3
1
Do you know we have a
@xyflow.com
package? Add multiplayer editing into your flowchart in just a few lines of code.
loading . . .
22 days ago
1
3
1
Lyster brought realtime, multiplayer editing to enterprise architecture. "We didn’t want to become Yjs WebSocket experts. We wanted to just focus on building the product. Liveblocks was the fastest path to getting this on the market." — Sam Lindemer, CEO Learn how they did it ↓
loading . . .
about 1 month ago
1
3
0
reposted by
Liveblocks
Chris Nicholas
about 1 month ago
Building multi-agent canvases in a morning with
@liveblocks.io
&
@tldraw.com
👏 • Humans and AI have live presence. • Both can make changes simultaneously. • Trigger any amount of agents at once.
loading . . .
2
2
1
reposted by
Liveblocks
Chris Nicholas
about 1 month ago
Everything we shipped at
@liveblocks.io
in May! 1️⃣ New guides for enabling AI in
@xyflow.com
flowcharts. Trigger real-time agent workflows from comment pins, and AI will make sync engine changes as you watch. More ↓
loading . . .
1
4
1
What's new in Liveblocks this May: • AI agents in Comments, including
@xyflow.com
flowcharts. • Collaborative grids with Handsontable. • Liveblocks Storage improvements. • Install with a prompt.
lblcks.io/urOisU5
loading . . .
What's new in Liveblocks: May 2026 | Liveblocks blog
We've written new guides and examples that detail how to build AI agents into Comments, and how to create collaborative grids with Handsontable. We’ve also improved Storage performance, added a new history method, and made it easier to get started with Liveblocks from AI coding tools.
https://lblcks.io/urOisU5
about 1 month ago
0
3
1
reposted by
Liveblocks
Chris Nicholas
about 1 month ago
Add collaborative .docx editing to your app in 5 mins! @
superdoc.dev
🤝
@liveblocks.io
loading . . .
1
1
1
reposted by
Liveblocks
Chris Nicholas
about 1 month ago
The best apps, like Linear & Notion, increasingly feature AI that inhabits the same space as humans. In particular, agents that can: • Edit documents. • Show live presence. • Leave comments in threads. I've written a post on how to add it to your own app!
loading . . .
1
2
1
What the future of productivity apps looks like. The next generation of apps are becoming shared spaces where people and AI agents work together in realtime—live presence, conflict-free editing, and comments. Add these features to your app now ↓
lblcks.io/4b9TLPC
loading . . .
What the future of productivity apps looks like | Liveblocks blog
The best apps are becoming places where people and AI work together in realtime. We built an AI slideshow editor as an example of this future, a tool featuring agent presence, multiplayer editing, AI comments, and more.
https://lblcks.io/4b9TLPC
about 1 month ago
0
2
0
Add realtime .docx editing to your app with Liveblocks & SuperDoc. SuperDoc brings native .docx editing to the browser, handling all the complexities of the format, providing full compatibility with MS Word. Use Liveblocks to add hosted collaborative editing ↓
loading . . .
about 1 month ago
1
0
0
reposted by
Liveblocks
Chris Nicholas
about 1 month ago
Our team built an AI slideshow editor! No login required, try it out. →
lblcks.io/slides-demo
loading . . .
0
4
1
We've deployed our slides demo. Collaborate with agents and humans in this Liveblocks-powered example. →
lblcks.io/slides-demo
loading . . .
about 1 month ago
1
3
1
reposted by
Liveblocks
Chris Nicholas
about 1 month ago
Add real-time presence to your agent in 5 mins! With a couple of React hooks and REST APIs, you can add WebSockets to your AI, without setting up any servers or infrastructure. Plus updates are multiplayer—all users see changes as they come. Set it up ↓
loading . . .
1
1
1
This is what you can build with Liveblocks. AI-powered apps with multiplayer documents, realtime presence, activity feeds, and comment threads. Our new slideshow demo showcases what’s possible in modern collaborative apps. Learn more ↓
loading . . .
about 1 month ago
1
2
1
Money is multiplayer. When you're building financial products, teams need to align on how funds move. Fragment used Liveblocks to build a realtime schema editor for cross-functional teams. "It's the most valuable part of the product."—Varun Mohan, CTO
lblcks.io/9LehkDk
loading . . .
Money is multiplayer: how Fragment powers collaboration with Liveblocks | Liveblocks blog
Fragment is infrastructure for automating financial operations. See how they used Liveblocks Storage to make their schema editor multiplayer and fix their front end along the way.
https://lblcks.io/9LehkDk
about 2 months ago
0
1
0
Install Liveblocks with a single prompt. We now have an “Install with AI” dropdown on our homepage. Click it and select your favourite editor to install Liveblocks automatically. If you're not using Cursor, Codex, or Claude Code, copy the prompt instead.
loading . . .
about 2 months ago
1
2
0
reposted by
Liveblocks
Chris Nicholas
about 2 months ago
People are sleeping on AI in comments. Tagging agents in existing threads immediately provides all the context it needs to work effectively with humans. Here's an example where I trigger a workflow inside an
@xyflow.com
document.
loading . . .
1
3
1
Start AI workflows from comment threads. Using Liveblocks webhooks, you can trigger agents when an AI user is mentioned in a comment. This enables you to create complex agents that can read and edit your documents, with full context. Try it in our updated
@xyflow.com
example.
loading . . .
about 2 months ago
1
1
0
reposted by
Liveblocks
Chris Nicholas
about 2 months ago
Many AI apps have a flaw—agents are a black box. It's frustrating when an agent edits your document, and there's no way to tell what changed. You can't trust it. And the problem only compounds with multiple agents. We can solve this with real-time presence ↓
loading . . .
1
1
1
Create multiplayer agents with realtime presence. Trigger live presence from within AI workflows, highlighting actions to connected users, and making agents real participants instead of background jobs.
loading . . .
about 2 months ago
1
1
0
reposted by
Liveblocks
Chris Nicholas
about 2 months ago
Creating a multiplayer list is trickier than it looks. When two users make simultaneous edits, state drifts out of sync—you can't just use a regular array. Real-time tools like Figma and Liveblocks use a specific technique to solve this. It's called fractional indexing ↓
loading . . .
1
2
1
reposted by
Liveblocks
Chris Nicholas
3 months ago
Add commenting and multiplayer to
@handsontable.bsky.social
! I've put together two demos/guides that detail how to add collaboration to your grid. The first adds multiplayer state and live presence, as you can see below.
loading . . .
1
4
2
Add collaboration to your Handsontable data grids. We've published new guides/examples detailing how to add commenting and realtime multiplayer to your table. Leave contextual info on cells, or see realtime presence as users make edits.
loading . . .
3 months ago
1
3
3
reposted by
Liveblocks
Chris Nicholas
3 months ago
Interactive article: How sync engines handle realtime lists. Regular arrays don't work in multiplayer, users overwrite each other's changes. You need to use an alternate system, fractional indexing—here's how it works. Link ↓
loading . . .
1
4
2
How CRDTs and sync engines keep realtime lists ordered. An interactive guide to fractional indexing, the system powering multiplayer arrays in Figma and Liveblocks. Written by
@nvie.com
and
@chrisnicholas.dev
. Link ↓
loading . . .
3 months ago
1
4
1
WebSocket is the foundation for multiplayer apps. But the hard part starts right after that: concurrent edits, presence, reconnection, room lifecycle, and keeping people + AI agents in sync.
lblcks.io/3izJvpp
loading . . .
Why WebSocket gets hard in multiplayer apps | Liveblocks blog
WebSocket is a critical building block for multiplayer apps. But once you start building, you quickly run into the harder problems: flaky connections, reconnection, presence, shared state, room lifecycle, and keeping multiple actors in sync.
https://lblcks.io/3izJvpp
3 months ago
0
1
0
Official n8n nodes for Liveblocks. Within
@n8n.io
, you can now: • Trigger workflows when Liveblocks events occur • Events include new comments, users joining rooms, more • Modify sync engine data with AI & show presence • Reply to comments with AI
lblcks.io/Q5rqET5
loading . . .
3 months ago
1
0
0
reposted by
Liveblocks
Chris Nicholas
3 months ago
Edit multiplayer React Flow state from the server! We've just released a
@liveblocks.io
API for this, meaning you can easily make server-side AI changes to your
@xyflow.com
app. $ npx liveblocks upgrade
1
3
1
Modify React Flow from the server. We've just released a `mutateFlow` API, allowing you to edit your multiplayer nodes & edges from your Node.js back end. Use it to set up server-side editing, including AI agents that can edit
@xyflow.com
. Try it → $ npx liveblocks upgrade
loading . . .
3 months ago
2
2
1
Liveblocks Unveil Week just ended. We shipped: • Feeds: Make agents native users. • React Flow: Multiplayer flowcharts. • Chat SDK: Sync comments with Slack, Teams. • Python SDK: Python as your back end. • Agent skills: Best practices for AI.
lblcks.io/5gcNaLh
loading . . .
Unveil Week recap: Realtime collaboration for humans and agents | Liveblocks blog
Liveblocks Unveil Week ran from 6–10 April, celebrating daily launches focused on making your app agent-ready. Here’s a recap.
https://lblcks.io/5gcNaLh
3 months ago
0
1
1
reposted by
Liveblocks
Chris Nicholas
3 months ago
I've written agent skills for Yjs and
@liveblocks.io
! 45+ markdown files that help with questions like: • How do I avoid too many re-renders? • How do I handle Wi-Fi connections dropping? • How do I make my Yjs document more performant? $ npx skills add liveblocks/skills
loading . . .
1
5
1
Agent skills for Yjs & Liveblocks. Today, we're launching two agent skills, enabling AI coding assistants to follow Yjs and Liveblocks best practices more consistently. Compatible with Claude Code, Codex, Cursor, and more.
lblcks.io/jy6rekf
loading . . .
3 months ago
3
9
2
Python SDK for Liveblocks. Power your collaborative back end with our new SDK for Python. Featuring 85+ methods for managing rooms, updating realtime storage, building agent workflows, and more.
lblcks.io/TJF1J4n
loading . . .
Python SDK for Liveblocks | Liveblocks blog
We're excited to announce the release of the Python SDK for Liveblocks, allowing you to build the back end for collaborative applications and agent-driven software in Python.
https://lblcks.io/TJF1J4n
3 months ago
0
4
3
Chat SDK adapter for Liveblocks. We’re releasing a new adapter for Chat SDK by
@vercel.com
, enabling you to create cross-platform bots that can respond in Liveblocks comment threads. For example, here's a bot that works in both Slack and Liveblocks.
lblcks.io/hFCOxVR
loading . . .
3 months ago
0
5
3
Load more
feeds!
log in