Liveblocks

A managed collaboration API designed specifically for React and frontend frameworks to enable cursors, presence, and shared state.

Overview

Liveboxes provides a drop-in SDK for React that handles presence, cursor tracking, and conflict-free replicated data types (CRDTs) out of the box. It abstracts away the WebSocket complexity, offering a `useOthers` and `useSelf` hook pattern that integrates seamlessly with UI libraries like Tiptap or Radix. It is heavily optimized for building collaborative text editors and whiteboards with minimal boilerplate.

Best for

• Collaborative code editors
• Real-time design tools
• Multiplayer whiteboards

Trade-offs

What XeroHack pre-wires

When you pick Liveblocks in the interview, the engine emits these files into your scaffold:

• React Presence Provider
• Cursor Tracker
• Room Subscription