Experimenting with a demo for a new interactive post for @liveblocks.io. Can you guess what it'll be about?

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 ↓

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 ↓

The Liveblocks team met in Punta Cana for this year's retreat 🇩🇴

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 ↓

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."

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.

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…

Liveblocks now supports Tiptap 3.0! Check out our upgrade guide to get started.

New video showcase, built with @pierrelevaillant.bsky.social. ↓ Design/code details

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!

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 ↓

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 />.

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.

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 ↓

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

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

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.

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 ↓

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 ↓

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 ↓

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‬.

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 ↓

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 ↓

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 ↓

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.

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.

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.

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.

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.

What's new in Liveblocks → June 2025 • Integrate ready-made AI chats into your React app with AI Copilots. • Add contextual knowledge to your AI from front-end & back-end. • Define tools, enabling AI to take actions & render custom UI. lblcks.io/pv4dX5L

I've tested Devin & Cursor Background Agents with the same tasks. Which works best? What can they do?

I've built an AI support template! Train the chat on your docs—if it can't help it'll show a "Create ticket" form instead. I've also demo'ed how to add a pre-written guide & customer knowledge. Ideal for contact pages. Try it—powered by @liveblocks.io ↓

The @liveblocks.io team are hosting an online event about AI today! We'll detail how we've handled: ✦ AI tool calling with front-end actions. ✦ Challenges with real-time data, security, and context. ✦ Building AI that feels collaborative. 📅 12pm PT | 3pm ET ↓

It's absurdly simple to add advanced AI chats to your app with @liveblocks.io. This chat can invite members to your app—updating your users list, and triggering an email when clicking "Confirm". Chat messages are persistent and update in real-time with WebSockets.

How to build an AI chat that can take actions! This chat can automatically redirect users to the correct page on your site. Takes 2 minutes with the new <AiChat /> component by @liveblocks.io

New homepage visual for Liveblocks 3.0! → liveblocks.io

<AiChat /> just dropped. ✦ AI understands app context, can take actions, modify state. ✦ Render custom components or use pre-built UI skeletons. ✦ Persistent chats, RAG support, choose your AI, more. Just import the component and @liveblocks.io handles the rest.

We're just hours away from our biggest @liveblocks.io launch yet! If you want to add advanced AI to your app, you should check back tomorrow—it's going to be easier than it's ever been.

Nothing meaningful is built alone. A new chapter begins next week.

AI is enabling a new type of programming, it's fascinating. Don't return structured data, just write natural language for AI, and it can figure out what to do next. This is not theoretical either—this is how our AI devtool will reply & call tools. Even better than this though…

One-time users are now free at @liveblocks.io. We don't believe that a user who signs in once is a real monthly active user, and you shouldn't have to pay for them. From now, you don't. Traffic spikes will no longer affect your billing.

You can now subscribe to individual @liveblocks.io threads. This means that end users will receive inbox notifications whenever there's activity, even if they aren't participating already. Update our packages and the feature will appear in your app!

Introducing our official MCP server. Talk to your collaborative application in Cursor or Claude as you build it. AI can generate rooms, write comments, send notifications, read real-time data, and more.

The official Liveblocks MCP server is here! AI has 39 different tools for interacting with rooms, threads, notifications, and more. Use it to generate documents, write comments, check permissions, search through data, etc. Here's me replying to a thread directly from Cursor.

Have you seen our open-source emoji picker, Frimousse? It provides a set of primitives, much like Radix UI, meaning you can style it however you like. Plus it has a `shadcn` installer.

I love these tickets you can AI generate on @vercel.com ship—so cool 👏 I gave it the "slime" prompt.

Curious how Liveblocks stacks up against other sync databases? The team at @localfirstfm.io have put together a super helpful comparison page, listing everything you need to know 👏

Ship genuinely useful AI in a few of lines of code. In chats, AI should be able to take actions, understand relevant context, and be persistent. It should be able to render different custom components as it chooses. Generate suggestions & metadata. Coming soon at @liveblocks.io.