Chris Nicholas
@chrisnicholas.dev
📤 268
📥 292
📝 361
Developer experience
@liveblocks.io
• Interactive articles on chrisnicholas.dev
reposted by
Chris Nicholas
Liveblocks
about 11 hours 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 . . .
about 11 hours 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 . . .
8 days ago
1
2
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
15 days ago
0
2
3
reposted by
Chris Nicholas
Liveblocks
15 days 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 . . .
20 days ago
1
3
0
reposted by
Chris Nicholas
Liveblocks
21 days ago
Integrate presence and contextual commenting in 5 minutes. We've released new React components, making it even quicker to build your collaborative app. Add realtime cursors, live avatars, and use new pinned comments in canvases or table libraries like
ag-grid.com
Blog post ↓
loading . . .
1
3
3
We've just released new React components! Build a collaborative app with
@liveblocks.io
using customisable avatar stack, cursors, and commenting components. We've written a blog post that takes you through what they are, and how to use them. Link ↓
loading . . .
21 days ago
1
2
0
Zod isn't the only option. Our team uses decoders, built by the wonderful
@nvie.com
. We find it's: • Easier to read, as it looks like TypeScript. • Quicker to debug, with its human-readable error messages. • Lighter to ship, with tree-shaking and smaller bundles. Learn more ↓
29 days ago
1
9
4
reposted by
Chris Nicholas
Liveblocks
about 1 month ago
Introducing Zen Router: our open-source HTTP router. Zen Router handles billions of requests per month at Liveblocks, and today we're open sourcing it. Initially designed for Cloudflare Workers, but also compatible with Node.js, Bun, and more.
lblcks.io/Vvvviny
loading . . .
Introducing Zen Router: our open-source type-safe router compatible with Cloudflare Workers | Liveblocks blog
We’ve open sourced Zen Router: an opinionated HTTP router with typed path params, built-in body validation, and a clean model for auth. Here’s why we built it and what makes it different.
https://lblcks.io/Vvvviny
1
3
3
I've built a full docs site in a day with
@nvie.com
! We've just open-sourced the HTTP router that's handles billions of requests per month at Liveblocks. Our team built it with Cloudflare Workers in mind, but it supports other runtimes too. Opinionated, type-safe, Zen. Get it ↓
loading . . .
about 1 month ago
1
3
2
Article: Which JavaScript rich-text editor is best? Tiptap, BlockNote, Lexical, more—a deep-dive into all the options. Our team's uniquely positioned to give guidance on this, as we've used them all at work. Written last year, still up to date! Link ↓
loading . . .
about 1 month ago
1
2
1
I've set up a whole collaborative app template for Next.js! Along with multiplayer apps, it's got live permissions: • The document immediately appears when shared. • When edit access is given, the page auto-reloads. • The user can then make real-time changes. Learn more ↓
loading . . .
about 1 month ago
1
6
1
reposted by
Chris Nicholas
Liveblocks
about 1 month ago
Build multi-tenant collaborative apps with Organizations. When building with Liveblocks, you can define a user's organization, and all resources will be automatically compartmentalized—rooms, threads, notification, etc. Below, you can see a different inbox in each workspace.
loading . . .
1
2
2
Liveblocks is going open-source! Today we've opened up the sync engine server that powers Liveblocks Storage and Yjs on our platform. We've also built a local dev server for testing your
@liveblocks.io
app locally, try it in your app now: $ npx liveblocks dev
loading . . .
about 1 month ago
1
6
2
reposted by
Chris Nicholas
Vincent Driessen
about 1 month ago
My plan for today: announce that we're open sourcing the Liveblocks server! 🎉 The internet's plan for today: continvoucly morging my mentions 😂 Anyway, here's what I actually wanted to share today:
loading . . .
Open sourcing the Liveblocks sync engine and dev server | Liveblocks blog
We’ve open sourced our server stack. Starting today, you can run and test your multiplayer applications with a Liveblocks server locally.
https://lblcks.io/nys2qqB
2
13
5
reposted by
Chris Nicholas
Liveblocks
about 1 month ago
We've open sourced our sync engine and dev server. Starting today, you can run and test your multiplayer applications locally using our new server package and CLI. Additionally, this marks a shift towards an open-source Liveblocks.
lblcks.io/nys2qqB
loading . . .
Open sourcing the Liveblocks sync engine and dev server | Liveblocks blog
We’ve open sourced our server stack. Starting today, you can run and test your multiplayer applications with a Liveblocks server locally.
https://lblcks.io/nys2qqB
0
5
2
Liveblocks docs now support markdown—just add `.md` to any URL. Agents can also request markdown using the `text/markdown` header. Result? The homepage goes from 327kb → 6kb.
loading . . .
about 2 months ago
1
1
0
Love seeing real-time
@liveblocks.io
apps in the wild! Magic Patterns is an awesome AI design tool that can generate designs from your own design system. It's genuinely much better at design than other tools I've used, and has full multiplayer collaboration. Try it ↓
loading . . .
about 2 months ago
1
2
1
I've set up a real-time AG Grid table! It's got full online presence & conflict resolution—multiple people can simultaneously edit cells, and all changes merge automatically. How it works ↓
loading . . .
about 2 months ago
1
4
1
Experimenting with a demo for a new interactive post for
@liveblocks.io
. Can you guess what it'll be about?
loading . . .
about 2 months ago
0
3
2
Interactive article: How to animate multiplayer cursors. Rendering smooth cursors always needs interpolation, as network conditions are never perfect—here's how to do it. I wrote this a few years back, techniques still apply! Link ↓
loading . . .
about 2 months ago
1
3
1
We're looking for feedback on our sign-up experience. If you'd be willing to have a chat with Stacy, our Head of GTM, and share your thoughts, it'd be much appreciated! We're looking for devs that are new to Liveblocks. Book a session ↓
2 months ago
1
0
0
reposted by
Chris Nicholas
Liveblocks
4 months ago
The Liveblocks team met in Punta Cana for this year's retreat 🇩🇴
loading . . .
1
6
3
reposted by
Chris Nicholas
Liveblocks
4 months ago
We've just released new Liveblocks Comments features. • Semantically search comments in a room with our new hook. • Add custom items to thread dropdown menus—see "Ask AI" in video. Additionally, we've written a number of new Yjs guides ↓
loading . . .
1
4
2
New
@liveblocks.io
hook! Semantically search through a room's comments, like in Figma. Results are found based on meaning, not exact words—for example a query for "marketing" will bring up results for "email campaign."
loading . . .
4 months ago
1
2
1
reposted by
Chris Nicholas
Liveblocks
5 months ago
Liveblocks now supports full multi-tenancy, allowing you to separate organizations in your app. Additionally, we've shipped a major set of updates, including Tiptap 3.0 support, group mentions, new thread filters, batched notifications, AI web search, updated hooks, and more.
1
3
2
A huge amount of
@liveblocks.io
updates have been released, including full multi-tenancy! Partition your app into different workspaces, each with their own documents, inboxes, more. Set a `tenantId` when you create a resource, and it just works. There's 10 more new features too…
5 months ago
1
2
1
Liveblocks now supports Tiptap 3.0! Check out our upgrade guide to get started.
loading . . .
5 months ago
1
4
1
New video showcase, built with
@pierrelevaillant.bsky.social
. ↓ Design/code details
loading . . .
5 months ago
1
2
1
Speed up
@liveblocks.io
rooms with our new API. The `prewarmRoom` methods speeds up connecting to a room for the next 10 seconds. Trigger it when a user hovers over a room link and it'll load quicker!
6 months ago
1
2
1
Liveblocks uses WebSockets to power our AI instead of HTTP, enabling multi-tab streaming, real-time updates, and more. You can see below how everything keeps streaming in, no matter if you change page, tab, or even reload. Our team have written up why they chose WebSockets ↓
loading . . .
6 months ago
1
2
1
Spent a couple hours setting up AI that can edit sheets! This combination feels really powerful when you give your AI other abilities, as demo'ed by this "Fetch weather" tool. Cells stream in one at a time, and are edited as they're completed. Powered by
@liveblocks.io
<AiChat />.
loading . . .
6 months ago
0
3
0
Streaming AI generated code into an editor ✨ To make this work I'm calculating the line/character at the end of each chunk, and adding highlights in the editor. Then I'm merging the stream into the previous code so it doesn't start empty! Uses <AiChat /> by
@liveblocks.io
.
loading . . .
7 months ago
1
5
1
reposted by
Chris Nicholas
Liveblocks
7 months ago
What's new in Liveblocks → August 2025 • Stream tool results into your app, enabling real-time document updates. • Edit copilots, knowledge, prompts, programatically with new APIs. • SAML SSO, MFA, directory sync, for Enterprise customers. Plus even more ↓
loading . . .
1
2
2
Picking the right vector database for your AI app isn't an easy task. @jrowny has written an excellent comparison of 11 major vector databases currently available, based on months on testing. ↓ Read it
7 months ago
1
1
0
reposted by
Chris Nicholas
Liveblocks
7 months ago
Which vector database should you use for your AI product? A comprehensive comparison of vector databases, based on our research while developing AI Copilots. Explore 11 options, including Turbopuffer, Pinecone, Qdrant, pgvector.
lblcks.io/L2bHK65
loading . . .
What's the best vector database for building AI products? | Liveblocks blog
Vector databases are the backbone of retrieval-augmented generation (RAG), a key technique enabling modern AI products to deliver accurate, context-aware answers from private data. This is our comprehensive comparison of leading vector databases, including Turbopuffer, Pinecone, Qdrant, pgvector, and many more.
https://lblcks.io/L2bHK65
0
2
2
You can now mention groups in
@liveblocks.io
comments! Tag a group, and everyone associated will get a notification. Ideal for integrating teams into your app—in the video you can see there's teams for Design, Product, Engineering.
loading . . .
7 months ago
1
0
0
Experimenting with an AI that can generate full
@liveblocks.io
guides on the fly!
loading . . .
7 months ago
1
0
0
entry ≠ exit. A design principle that's rarely mentioned is that entry and exit animations should not be the same. These tabs slide in, yet fade out. Why? Because we're showing intent ↓
loading . . .
7 months ago
1
6
2
entry ≠ exit. A design principle that's rarely mentioned is that entry and exit animations should not be the same. These tabs slide in, yet fade out. Why? Because we're showing intent ↓
loading . . .
7 months ago
1
1
0
I've built an AI web browser! AI chats are way better with context—now you can see exactly where info comes from, trust it, and dig deeper. It'll auto-redirect, open tabs, and fetch pages for you. How it works + code ↓
loading . . .
8 months ago
1
5
2
I fully vibe coded this interactive demo! ✦ It always forces you to type the “correct” text into the input. ✦ Hitting enter/submit will animate the remaining text in. ✦ Delete text with backspace or ⌘+A and typing. Visual design by
@pierrelevaillant.bsky.social
.
loading . . .
8 months ago
1
0
0
Notion's AI can answer questions on any document you've created. But I have 1,000s of documents in my Notion—you can't put all these pages inside an AI prompt. How did they make it work? It's more interesting than you think ↓
loading . . .
8 months ago
1
3
2
reposted by
Chris Nicholas
Liveblocks
8 months ago
This July, adding advanced AI to your app got even easier. • Submit whole websites to your AI knowledge base • Polished scroll behavior, improving readability • AI can use custom markdown components Learn more ↓
loading . . .
1
2
2
Streaming AI chat messages have introduced a new UX challenge. In apps like Whatsapp, messages are short and arrive all at once. Pinning messages to the bottom of the chat makes sense—it's expected, and works well for human interactions. But AI chats are a new paradigm ↓
loading . . .
8 months ago
1
1
1
Book calendar events with natural language! I've built an AI chat that can book calendar events with front-end tool calling. It can modify events, with a human-in-the-loop confirmation step. Powered by
@haydenbleasel.com
's calendar &
@liveblocks.io
AI Copilots.
loading . . .
8 months ago
1
3
1
reposted by
Chris Nicholas
Liveblocks
8 months ago
Mock up AI chat experiences in
@figma.com
. We've updated our Figma kit, adding new AI components, meaning you can quickly design, prototype, and iterate on conversational UIs.
loading . . .
1
3
2
The
@liveblocks.io
design kit for Figma now has AI components! You can now mock up your app with our AI Copilots product inside it—the designs match 1:1 with our React package. Design your product, then put it production with full functionality.
loading . . .
8 months ago
1
2
1
I've built my own v0 in just a couple hours! • Monaco for the editor • Sandpack for the preview • Liveblocks for the <AiChat /> A wildly productive
@nextjs.org
stack.
loading . . .
9 months ago
1
4
0
Load more
feeds!
log in