Chris Nicholas
@chrisnicholas.dev
Developer experience @liveblocks.io • Interactive articles on chrisnicholas.dev
Reposted by Chris Nicholas
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.
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.
November 13, 2025 at 4:46 PM
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.
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.
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…
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…
November 13, 2025 at 4:47 PM
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…
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…
Liveblocks now supports Tiptap 3.0! Check out our upgrade guide to get started.
November 7, 2025 at 3:58 PM
Liveblocks now supports Tiptap 3.0! Check out our upgrade guide to get started.
November 3, 2025 at 4:11 PM
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!
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!
October 3, 2025 at 4:32 PM
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!
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!
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 ↓
Our team have written up why they chose WebSockets ↓
September 29, 2025 at 4:18 PM
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 ↓
Our team have written up why they chose WebSockets ↓
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
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
September 26, 2025 at 2:09 PM
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
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
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
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
September 17, 2025 at 3:35 PM
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
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
Reposted by Chris Nicholas
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 ↓
• 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 ↓
September 17, 2025 at 3:33 PM
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 ↓
• 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 ↓
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
@jrowny has written an excellent comparison of 11 major vector databases currently available, based on months on testing.
↓ Read it
September 15, 2025 at 2:26 PM
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
@jrowny has written an excellent comparison of 11 major vector databases currently available, based on months on testing.
↓ Read it
Reposted by Chris Nicholas
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
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
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.
lblcks.io
September 15, 2025 at 2:25 PM
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
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
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.
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.
September 12, 2025 at 3:06 PM
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.
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.
Experimenting with an AI that can generate full @liveblocks.io guides on the fly!
August 21, 2025 at 4:35 PM
Experimenting with an AI that can generate full @liveblocks.io guides on the fly!
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 ↓
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 ↓
August 20, 2025 at 3:20 PM
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 ↓
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 ↓
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 ↓
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 ↓
August 20, 2025 at 3:20 PM
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 ↓
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 ↓
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 ↓
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 ↓
August 14, 2025 at 3:33 PM
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 ↓
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 ↓
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.
✦ 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.
August 11, 2025 at 3:40 PM
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.
✦ 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.
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 ↓
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 ↓
August 7, 2025 at 2:56 PM
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 ↓
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 ↓
Reposted by Chris Nicholas
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 ↓
• Submit whole websites to your AI knowledge base
• Polished scroll behavior, improving readability
• AI can use custom markdown components
Learn more ↓
August 5, 2025 at 2:49 PM
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 ↓
• Submit whole websites to your AI knowledge base
• Polished scroll behavior, improving readability
• AI can use custom markdown components
Learn more ↓
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 ↓
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 ↓
July 31, 2025 at 4:17 PM
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 ↓
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 ↓
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.
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.
July 24, 2025 at 2:59 PM
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.
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.
Reposted by Chris Nicholas
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.
We've updated our Figma kit, adding new AI components, meaning you can quickly design, prototype, and iterate on conversational UIs.
July 22, 2025 at 1:53 PM
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.
We've updated our Figma kit, adding new AI components, meaning you can quickly design, prototype, and iterate on conversational UIs.
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.
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.
July 22, 2025 at 1:52 PM
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.
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.
I've built my own v0 in just a couple hours!
• Monaco for the editor
• Sandpack for the preview
• Liveblocks for the
A wildly productive @nextjs.org stack.
• Monaco for the editor
• Sandpack for the preview
• Liveblocks for the
A wildly productive @nextjs.org stack.
July 18, 2025 at 3:29 PM
I've built my own v0 in just a couple hours!
• Monaco for the editor
• Sandpack for the preview
• Liveblocks for the
A wildly productive @nextjs.org stack.
• Monaco for the editor
• Sandpack for the preview
• Liveblocks for the
A wildly productive @nextjs.org stack.
In real AI apps, front-end tool calling is often far more practical than back-end.
Let's say a user can search on the front-end. If you pass the same search function to a tool call, it'll have the same authenticated access.
It's easier to add to existing apps & already secure.
Let's say a user can search on the front-end. If you pass the same search function to a tool call, it'll have the same authenticated access.
It's easier to add to existing apps & already secure.
July 16, 2025 at 4:03 PM
In real AI apps, front-end tool calling is often far more practical than back-end.
Let's say a user can search on the front-end. If you pass the same search function to a tool call, it'll have the same authenticated access.
It's easier to add to existing apps & already secure.
Let's say a user can search on the front-end. If you pass the same search function to a tool call, it'll have the same authenticated access.
It's easier to add to existing apps & already secure.