Chris Nicholas
@chrisnicholas.dev
📤 277
📥 294
📝 496
Developer experience
@liveblocks.io
• Interactive articles on chrisnicholas.dev
reposted by
Chris Nicholas
Liveblocks
about 13 hours ago
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 . . .
1
4
1
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 . . .
about 13 hours ago
1
3
1
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 . . .
3 days ago
1
4
1
reposted by
Chris Nicholas
Liveblocks
3 days ago
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 . . .
1
2
1
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 . . .
8 days ago
2
4
1
reposted by
Chris Nicholas
Liveblocks
9 days ago
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 . . .
1
2
1
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 . . .
9 days ago
1
2
1
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 . . .
10 days ago
1
6
1
Trying out
@nextjs.org
3.16 instant navigations. Adds a noticeable feeling of snappiness 👏 nice. Here's a before → after.
loading . . .
13 days ago
1
1
0
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.
15 days ago
1
2
1
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 . . .
17 days ago
1
2
1
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 . . .
20 days ago
1
2
1
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?
loading . . .
21 days ago
1
4
1
reposted by
Chris Nicholas
Liveblocks
23 days ago
Do you know we have a
@xyflow.com
package? Add multiplayer editing into your flowchart in just a few lines of code.
loading . . .
1
3
1
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 . . .
23 days ago
1
3
1
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 . . .
about 1 month ago
2
2
1
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 . . .
about 1 month ago
1
4
1
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 . . .
about 1 month ago
1
2
1
Add collaborative .docx editing to your app in 5 mins! @
superdoc.dev
🤝
@liveblocks.io
loading . . .
about 1 month ago
1
1
1
reposted by
Chris Nicholas
Liveblocks
about 1 month ago
We've deployed our slides demo. Collaborate with agents and humans in this Liveblocks-powered example. →
lblcks.io/slides-demo
loading . . .
1
3
1
Our team built an AI slideshow editor! No login required, try it out. →
lblcks.io/slides-demo
loading . . .
about 1 month ago
0
4
1
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 . . .
about 1 month ago
1
1
1
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 ↓
loading . . .
about 1 month ago
1
0
0
reposted by
Chris Nicholas
Liveblocks
about 1 month ago
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 . . .
1
2
1
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.
loading . . .
about 2 months ago
2
1
0
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 . . .
about 2 months ago
1
3
1
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 . . .
about 2 months ago
1
1
1
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 . . .
about 2 months ago
1
2
1
reposted by
Chris Nicholas
Liveblocks
3 months ago
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 . . .
1
3
3
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 . . .
3 months ago
1
4
2
reposted by
Chris Nicholas
Vincent Driessen
3 months ago
Today, I co-blogged and got to see
@chrisnicholas.dev
’s amazing visualization talents up close! 🤩
lblcks.io/W1Ehpn6
loading . . .
How CRDTs and sync engines keep realtime lists ordered with fractional indexing | Liveblocks blog
An interactive guide to fractional indexing, how it works, and how it’s used to power multiplayer lists in Figma and Liveblocks.
https://lblcks.io/W1Ehpn6
0
4
3
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 . . .
3 months ago
1
4
2
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
3 months ago
1
3
1
ICYMI: A week of
@liveblocks.io
launches! We've built infrastructure and primitives for building realtime AI, and enabling human-agent collaboration. Let's dive into the code ↓
3 months ago
2
3
0
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 . . .
3 months ago
1
5
1
reposted by
Chris Nicholas
Liveblocks
3 months ago
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
9
2
reposted by
Chris Nicholas
Liveblocks
3 months ago
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
0
4
3
We're just released a Python SDK for
@liveblocks.io
. Use Python as your Liveblocks back-end. Built realtime AI agents, update sync engine data, create multiplayer rooms, more. There's 85+ methods in total.
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
6
2
Chat SDK by
@vercel.com
is brilliant. It's so easy to set up cross-platform AI that can trigger from Slack, Discord, more. In this demo, a bot creates a real-time Liveblocks table in an app after being tagged.
loading . . .
3 months ago
1
5
0
Add multiplayer to React Flow in 5 mins! Our new
@liveblocks.io
package enables plug-and-play real-time collaboration. Powered by our open-source sync engine, edits are fully conflict-resolved, allowing multiple humans & agents to edit at once. And there's more ↓
loading . . .
3 months ago
2
4
5
reposted by
Chris Nicholas
Liveblocks
3 months ago
Introducing Feeds. New realtime primitives for storing chat messages, workflow status, agent logs—anything that needs a live list. Plus, new APIs that allow AI to act as native users, showing live presence and editing sync engine documents.
lblcks.io/DuqqClj
loading . . .
Introducing Feeds and APIs for Agent Workflows | Liveblocks blog
We’re introducing new APIs for connecting agents to realtime rooms and a new Feeds primitive. This unlocks new workflows where agents can act as native users of software.
https://lblcks.io/DuqqClj
0
5
4
Create real-time AI state with powerful new primitives! Feeds by
@liveblocks.io
abstracts WebSockets into React hooks & REST APIs that you can use to link workflows to UI, send AI status updates, create multiplayer chats. Anything that needs a real-time list. And that's not all ↓
loading . . .
3 months ago
2
5
1
reposted by
Chris Nicholas
Liveblocks
3 months ago
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
loading . . .
0
8
3
Major Liveblocks launches starting Monday! We're releasing new primitives for building realtime AI workflows into your app. Incredibly versatile and useful for all kinds of applications. React hooks, SDKs, REST APIs, more. And that's just day 1.
liveblocks.io/unveil/apri...
loading . . .
Unveil week: The Age of Agent-Ready Software | Liveblocks
AI agents are becoming native users of software. Apps need a new foundation. During Unveil Week, we’re launching something new every day to help make your app agent-ready.
https://liveblocks.io/unveil/april-2026
3 months ago
0
3
1
reposted by
Chris Nicholas
Liveblocks
3 months ago
Liveblocks Unveil. AI agents are becoming native users of software, and apps need a new foundation. We've built it. 🗓️ April 6–10. Releases every day.
loading . . .
1
4
3
Liveblocks Unveil is next week! We'll have announcements every day related to making AI native users of software. Apps need a new foundation, and we've built it. Check the site ↓
loading . . .
3 months ago
1
3
1
Experimenting with multiplayer Konva! Shapes are synced in real-time using
@liveblocks.io
, and update 60 times per second. Many users can edit at once, and all conflicts will resolve. Would love to build a full design tool library—any interest?
loading . . .
4 months ago
1
3
1
Liveblocks Storage and Yjs just got better. • Support for larger documents, preventing out of memory crashes. • Quicker initial load times, especially for sizable documents. • Higher limits and lower overhead. The best thing—you're upgraded already!
lblcks.io/mwR3hmy
loading . . .
What's new in Liveblocks: February 2026 | Liveblocks blog
We've open-sourced our sync engine and dev server, released an open-source HTTP router, added new management APIs, deployed an improved realtime data engine, built a complex multi-tenant example, and optimized our documentation for AI agents.
https://lblcks.io/mwR3hmy
4 months ago
0
2
3
reposted by
Chris Nicholas
Liveblocks
4 months ago
What's new in Liveblocks → February 2026 • Open sourcing our dev server and HTTP router. • Improved realtime data engine for Liveblocks Storage & Yjs. • Programatically manage Liveblocks projects with REST APIs. Blog post ↓
loading . . .
1
3
2
Add commenting to your AG Grid cells! I've set up a demo & guide showing how to do this in 5 mins using new Liveblocks comments components. Add in our notification components, and you get a full in-app inbox, email notifications about missed comments, and more. Learn more ↓
loading . . .
4 months ago
1
3
0
Load more
feeds!
log in