Liveblocks

@liveblocks.io

Realtime infrastructure for multiplayer apps and agents • liveblocks.io

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 ↓

Introducing LiveFile. Today, we're releasing a new data type for uploading files into your collaborative app. Insert images into whiteboards, add videos into text editors, and create download buttons for documents. Learn more ↓

“It just works. The product is simple in a good way”—Varun Mohan, CTO Fragment’s schema editor used auto-polling—but users would overwrite each other, losing hours of work. After rebuilding their editor on Liveblocks, an entire class of bugs was fixed. lblcks.io/XOxrIQx

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.

lblcks.io

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 ↓

Create a collaborative workflow builder. In CodeWithAntonio's latest video, he explains how to build a browser automation tool with Liveblocks. Inside each workflow, you can assign tasks to AI, such as visiting websites, and analyzing pages. Link below ↓

New Comments features: Private threads and a natural home for AI. Make any thread private, controlling exactly who can see and reply. And @-mention AI assistants that reply with the full thread as context. Learn more ↓

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 ↓

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 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 ↓

New in Liveblocks. • Collaborative .docx editing. • AI Copilot knowledge that stays current. • AI spreadsheet & multiplayer chat examples. Learn more ↓

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

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 ↓

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

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.

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 ↓

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 ↓

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.

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 ↓