I've built an open-source Slack clone! It has threaded messages, DMs, AI collaborators, activity feed, more! It's all powered by a single @liveblocks.io multiplayer primitive—feeds. Get it ↓
Chris Nicholas
Chris Nicholas
@chrisnicholas.dev
Developer experience @liveblocks.io • Interactive articles on chrisnicholas.dev
284 followers294 following561 posts
Download or try it now! $ npx create-liveblocks-app --example nextjs-messaging-app --api-key lblcks.io/cbeMFnT
Chris Nicholas reposted
I've been working on a fun little Mac app: Viewdown, a Markdown viewer. It's now ready to ship 📖 It live-reloads on every save and jumps straight to what changed. Optimized for the best and fastest reading experience. Give it a try and let me know if you like it! 🙏 viewdown.app
It's not just for coding, you can also generate markdown documents together! Plus, after the agent's created a file, you can hop in and edit it in real-time with others. The multiplayer chat and editor are both powered by @liveblocks.io!
Agents use Cursors's fantastic APIs to make changes to your repo. They spin up a virtual environment and can create PRs for you, very simple. And the diff in the sidebar uses diffs.com to show the code changes!
And of course it's a multiplayer editor! It uses the React Flow package for @liveblocks.io, which automatically syncs state between multiple users.
It's actually multiplayer here too—it uses liveblocks.io/sync to sync document state and presence. As soon as its results are returned, I update the document with the new values, from the server.
And if you know me already, it's multiplayer of course! It works brilliantly with @liveblocks.io Sync, which allows you to store realtime document and agent state. Having such a quick AI makes it feel almost local.
Adding real-time collaboration? Work at a startup? @liveblocks.io offers discounts for early-stage companies, give us a message and we'll do our best to help you out! lblcks.io/h9IcT7O
Our homepage now has a multiplayer game! ✦ Real-time cursors & physics. ✦ Ripples & web page reflections. ✦ Secret code unlocks the easter egg. → lblcks.io/WJGKiD9
All credit goes to @marcbouchenoire.com! Check out his thread. bsky.app/profile/mar...
Chris Nicholas reposted
Chris Nicholas reposted
We shipped a Yjs alternative for collaborative text editing! LiveText is a new data type for @liveblocks.io. It's quicker, simpler, and smaller than a CRDT, and integrates into four popular text editors. And there's more ↓
LiveText is in public beta today. Learn more ↓ lblcks.io/livetext
We shipped a Yjs alternative for collaborative text editing! LiveText is a new data type for @liveblocks.io. It's quicker, simpler, and smaller than a CRDT, and integrates into four popular text editors. And there's more ↓
We shipped a Yjs alternative for collaborative text editing! LiveText is a new data type for @liveblocks.io. It's quicker, simpler, and smaller than a CRDT, and integrates into four popular text editors. And there's more ↓
Chris Nicholas reposted
Meet Liveblocks Sync—the sync engine for the agentic web. Add collaborative editing for humans and agents, without building infrastructure. lblcks.io/sync
Liveblocks Sync is the sync engine designed for the agentic web. Add conflict-resolved multiplayer to any React app, so that humans and agents can edit the same state, at the same time. lblcks.io/sync Here's how it works ↓
We have get started guides and packages for all sorts of use cases, such as flowcharts, canvases, data grids, chats, text editors, and more. Learn more in our in-depth blog post! lblcks.io/sync-blog
Liveblocks Sync is the sync engine designed for the agentic web. Add conflict-resolved multiplayer to any React app, so that humans and agents can edit the same state, at the same time. lblcks.io/sync Here's how it works ↓
Liveblocks Sync is the sync engine designed for the agentic web. Add conflict-resolved multiplayer to any React app, so that humans and agents can edit the same state, at the same time. lblcks.io/sync Here's how it works ↓
Liveblocks Sync is the sync engine designed for the agentic web. Add conflict-resolved multiplayer to any React app, so that humans and agents can edit the same state, at the same time. lblcks.io/sync Here's how it works ↓
Liveblocks Sync is the sync engine designed for the agentic web. Add conflict-resolved multiplayer to any React app, so that humans and agents can edit the same state, at the same time. lblcks.io/sync Here's how it works ↓
Liveblocks Sync is the sync engine designed for the agentic web. Add conflict-resolved multiplayer to any React app, so that humans and agents can edit the same state, at the same time. lblcks.io/sync Here's how it works ↓
Liveblocks Sync is the sync engine designed for the agentic web. Add conflict-resolved multiplayer to any React app, so that humans and agents can edit the same state, at the same time. lblcks.io/sync Here's how it works ↓
Liveblocks Sync is the sync engine designed for the agentic web. Add conflict-resolved multiplayer to any React app, so that humans and agents can edit the same state, at the same time. lblcks.io/sync Here's how it works ↓