# Collab Live Cursors

Collaborative document editor or whiteboard showing who is working where.

- id: `collab-live-cursors`
- Page: https://agentic-ui-kit.com/components/collab-live-cursors
- Live preview: https://agentic-ui-kit.com/live/component/collab-live-cursors

## Install

```bash
agentic-ui add collab-live-cursors
npx shadcn@4.17.0 add @agentic-ui/collab-live-cursors
```

## Metadata

- **Level:** block
- **Category:** block
- **Installable in:** Radix UI (registry variant new-york)
- **Capabilities:** named-cursors, cursor-chat, presence-avatars, follow-spotlight, idle-detection, join-leave-announcements, label-edge-flip, normalized-coordinates, keyboard-navigation, reduced-motion-fallback, empty-and-error-states, responsive-layout
- **Intents:** monitor-live, communicate
- **Suits domains:** saas, project-management, knowledge, notes, ai-workspace
- **Interaction:** pointer-broadcast, keyboard-cursor-move, cursor-chat, follow-user, toggle-labels, reconnect
- **Screen role:** communication
- **Density:** medium
- **Dark mode:** yes
- **Use it for:** collaborative document editor or whiteboard showing who is working where, project board with real-time presence and cursor chat among reviewers, shared AI workspace where several users edit the same prompt or canvas, design review session with follow mode to present to a teammate
- **Avoid when:** single-user views or views without a presence channel (use static avatars only), more than ~25 simultaneous cursors or dense telemetry (use a heatmap or presence list), flows where the other user's cursor adds no context (forms, checkout)
- **Preserve when adapting:** normalized-coordinate-model, label-flip-rule, presence-reducer-semantics, keyboard-shortcuts
- **Replace when adapting:** presence-channel-adapter, collaborator-directory, canvas-content, domain-copy
- **Adaptation effort:** low
- **Coupling:** low
- **Quality score:** 8.85/10
- **Quality breakdown:** visual 9/10, responsive 8/10, accessibility 8/10, code 9/10
- **Uses primitives:** avatar, badge, button, card, switch, tooltip
- **Motion:** profile subtle, library css, reduced-motion fallback yes
- **npm dependencies (registry):** lucide-react@0.577.0
- **Registry dependencies:** lib-primitives, lib-tokens