Liveblocks

AI agents are becoming native users of software. Today, we’re kicking off Unveil Week with a broader vision than human-only collaborative features. Software itself needs to change for the age of agents. lblcks.io/Ly5sHf7

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 ↓

“We built collaboration in-house”

Stack: @nextjs 16 + React 19 @liveblocks for real-time multiplayer @triggerdotdev for background AI agents @clerk for auth @prisma + Postgres @vercel Blob for storage Production-grade. Deployed by the end. Full video here: youtube.com/watch?v=14RP8l…

Add commenting and multiplayer to @handsontable! 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.

In this clip, you can see realtime editing and presence. Get started now: • Commenting → lblcks.io/BybhibP • Multiplayer → lblcks.io/kSP5tFf

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.

@ctnicholasdev 🖤

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 ↓

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 @ctnicholasdev and @nvie. Link ↓

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

We've created @n8n_io nodes for Liveblocks. Create your AI workflow using a visual builder, and hook @liveblocks into 1,500+ popular integrations, including Gmail, Slack, OpenAI, and more. Search for "Liveblocks" to install it, and add your secret key.

Here's an example of our nodes in use. Learn more about each on the n8n site. lblcks.io/OcnMNR7

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

I just made the @liveblocks homepage more agent-friendly. $ 𝗰𝘂𝗿𝗹 -𝗛 "𝗔𝗰𝗰𝗲𝗽𝘁: 𝘁𝗲𝘅𝘁/𝗺𝗮𝗿𝗸𝗱𝗼𝘄𝗻" 𝗵𝘁𝘁𝗽𝘀://𝗹𝗶𝘃𝗲𝗯𝗹𝗼𝗰𝗸𝘀.𝗶𝗼 By the end of the year, the majority of website visitors will be agents. Websites need to accommodate for two audiences now: • Markdown for agents • HTML for humans

I designed and built a new landing page to explain how our realtime infrastructure works at @liveblocks ✨ It's full of LittleBigDetails™  🧵

Edit multiplayer React Flow state from the server! We've just released a @liveblocks API for this, meaning you can easily make server-side AI changes to your @xyflowdev app. $ npx liveblocks upgrade

Info on other changes we shipped. lblcks.io/CtfSGaX

Here's the documentation. lblcks.io/Ab7GbwP

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 @xyflowdev. Try it → $ npx liveblocks upgrade