I've built a new personal website! → https://t.co/CgeFZCjVQe

https://t.co/hmuzIKhD4M

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

New Showcase page. See all the different ways Liveblocks can be used to build your collaborative app, with our latest collection of video demos.

Check out the live site! https://t.co/N5Vy0dQJok

Modals have descriptions, which explain how to build the feature, and you can scroll down to read them. Each product that's used in the demo is linked as a tag with its icon.

When you click on a card, @nextjs intercepted routes show a dynamic modal. However, when you refresh or load the page directly, an SEO optimised page is loaded, with its own title, schema, headings, etc. Essentially, each modal is individually indexed by search engines.

Filter by product name or use the search for immediate results.

Each card displays a screenshot of the first video frame, and hovering over the card plays the video as soon as it's loaded. Mousing over also preloads a higher quality clip that's shown inside the larger pop-up. They're all demos of @liveblocks, mostly built/recorded by me!

New video showcase, built with @levaillantp. ↓ Design/code details

We've made a number of changes to our dashboard this week, improving UX throughout. Let's take a look… 1. The project creation dialog has been streamlined, and now has clearer options with short explanations. It redirects you to get started guides after you press "Create".

There's been more changes this week! New thread filters and an AI hook. https://t.co/ZkjCsJYCbJ

Here's some more info. https://t.co/MPSystJzrM

Speed up @liveblocks rooms with our new API. The `prewarmRoom` methods speeds up connecting to a room for the next 10 seconds. Trigger it when a user's hovers over a room link and it'll load quicker!

An informative article by @nayajunimesh and @Jrowny! https://t.co/hwKBTQzVbc

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

We've just added streaming for tool call results, which has enabled this. I've just published our monthly blog post—we enabled a tonne of AI features last month, check it out! https://t.co/3FetnxqQa0

Here's an unedited video—I'm using GPT-4.1 mini. Liveblocks provides pre-built AI components for React, and to trigger to the streaming, I've added an `edit-code` tool with <RegisterAiTool />. In here, tell the tool it generates a string called `code` and it knows what to do!

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.

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 ↓