RecapThe Age of Agent-Ready Software

Realtime infrastructure for multiplayer apps and agents

Liveblocks provides the infrastructure to handle concurrent edits on shared data, so people and AI agents can collaborate without breaking your app.

Get started for freeInstall with AI ▾
Your app with Liveblocks ↘
☶ Document☷ Workflow▣ Sheet☷ Dashboard
Your app
✉ Inbox4
↶ ↷ Paragraph ▾   B I S </> 💬 Comment
Product

Collaboration, ready to drop in.

Presence & cursors

Show who is online and where their cursor is, with stacked avatars out of the box.

Conflict-free storage

Concurrent edits on shared data resolve without breaking your app.

Comments & notifications

Threaded comments and an inbox, so humans and agents stay in sync.

Controls

Crisp, monochrome, one accent.

Get started for free Install with AI Disabled Docs Recap
Search docs Focused field

Structure is drawn with rgba(255,255,255,.13) hairlines, not fills or shadows. CTAs are white pills (black text, 44px, radius 8px). Colour appears only as the violet #a667ff badge and the focus ring, plus the pink wash behind the product mock.

Typography

One family, capped at 500.

Hero · Suisse · 64/70 · 500 · -0.02emRealtime infrastructure
Section · Suisse · 52 · 500 · -1.04pxCollaboration, ready.
Sub-heading · Suisse · 20 · 500Realtime features
Sub-headline · Suisse · 20/27 · 400 · greyPeople and AI agents collaborate.
Nav / button · Suisse · 14 · 500Product · Resources · Docs
Annotation · handwritten script · 16Multiplayer undo/redo
Palette

Monochrome, plus a bloom.

Canvas & surfaces
canvas#000000
tab bar#100f0f
hairline#fff / 13%
mock#f9fbfd
Text
text#ffffff
muted#b7b4b4
faint#918d8d
Accent & wash
violet#a667ff
violet grnd#a667ff / 20%
pink washraster
Depth & motion

Hairlines and a wash.

6px nav
8px button
12px card
20px stage

Depth is the grainy pink wash and the floating light product frame over black; chrome elsewhere is a 1px rgba(255,255,255,.13) hairline — minimal drop shadows. Motion is restrained hover transitions plus live multiplayer cursors inside the mock.