Liveblocks Storage now has version history! Snapshot your room's sync engine data, browse previous versions, preview earlier states, and restore any you need. Snapshots can be saved automatically at intervals, or created manually. We've released a new data type too ↓
Chris Nicholas
@chrisnicholas.dev
Developer experience @liveblocks.io • Interactive articles on chrisnicholas.dev
You can now upload files to @liveblocks.io! If your multiplayer app uses media, archives, or any file, `LiveFile` allows you to upload them directly to your Storage tree. Other users will see the file appear in realtime—like in this @tldraw.com clip. Learn more ↓
Article: What's the best vector database for AI and RAG? Turbopuffer, Pinecone, pgvector, more—a deep-dive into the options. Our team's well positioned to give guidance, as we tried them before building our product. Written last year, we stand by our choice! Link ↓
Build a collaborative agentic workflow builder. In CodeWithAntonio's latest video, he explains how to build a browser automation tool—in the video you it automatically loads a news website, extracts headlines, and sends an email. Video tutorial ↓
Using @liveblocks.io Comments? You can now create private comment threads within a room. Set permissions to control exactly who can see and reply—ideal for internal notes and hidden feedback. How to set it up ↓
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 ↓
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 ↓
I've built an open-source slide editor! ✦ Generate HTML slides with AI. ✦ Collaborative code editing. ✦ Draggable commenting. ✦ Export to powerpoint. Try it out ↓
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 ↓
Add a multiplayer .docx editor to your app! ✦ 100% compatible with MS Word. ✦ Real-time editing and presence. ✦ Leave suggestions for others. Get it ↓
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 ↓
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 ↓
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 ↓
Trying out @nextjs.org 3.16 instant navigations. Adds a noticeable feeling of snappiness 👏 nice. Here's a before → after.
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.
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.
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 ↓
I'm building an AI-powered spreadsheet template! AI can edit cell contents, styling, and leave comments. Plus the whole table is multiplayer, so that humans and AI can work together at the same time. Interested in me open-sourcing it?
Do you know we have a @xyflow.com package? Add multiplayer editing into your flowchart in just a few lines of code.
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.
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.
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 ↓
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!
Add collaborative .docx editing to your app in 5 mins! @superdoc.dev 🤝 @liveblocks.io
We've deployed our slides demo. Collaborate with agents and humans in this Liveblocks-powered example. → lblcks.io/slides-demo
Our team built an AI slideshow editor! No login required, try it out. → lblcks.io/slides-demo
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 ↓
I now write agent skills for everything I do at work. Not just generic skills, but highly specific custom skills, with a singular purpose. At this point, it saves me hours of tedious work every week. Do it yourself ↓
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 ↓
I've added an "Install with AI" button to our homepage. One click opens Cursor, Codex, or Claude Code and starts a new chat with the installer prompt—there's no quicker way to get started! It loads our agent skills too.