Anvilkit × Puck — Collaboration

Live collaboration in one factory call

This page wires realtime collaboration into <Studio> by setting a single value — the WebSocket relay URL — on createCollabPlugin() from @anvilkit/collab-ui. The plugin owns the whole transport (Y.Doc, Awareness, provider, status bridge, and teardown). Start the local Hocuspocus relay with pnpm --filter demo relay:hocuspocus, then open this page in a second tab to watch edits sync live, collaborators appear in the Studio header, and each peer’s cursor moves in real time.