Real-time Collaboration Examples - Inspiration & Best Practices

Real-time collaboration enables multiple users to work on the same content simultaneously and see each other's changes instantly. From collaborative documents to whiteboard tools and project management — real-time features transform how teams work together. The technical challenge lies in conflict resolution, latency compensation, and synchronising state across multiple clients. Below we show how modern platforms implement real-time collaboration.

Collaborative document editor with CRDTs

A startup built a document editor where multiple users simultaneously edit text, similar to Google Docs. Conflict-free Replicated Data Types (CRDTs) guarantee that edits from different users are automatically and consistently merged without conflicts. Each cursor and selection is visible to other participants, colour-coded per user. When working offline, local changes are stored and seamlessly merged upon reconnection.

• CRDTs (Yjs) for conflict-free concurrent text editing
• Cursor presence with colours and names per participant
• Offline-first: local edits merge seamlessly upon reconnection
• Undo/redo per user independent of other participants

Visual design tool with multiplayer canvas

A design tool implemented multiplayer editing on a shared canvas. Users see each other's cursors moving in real time while placing and repositioning shapes, text, and images. Operational Transformation ensures concurrent edits to the same object are correctly resolved. A presence system shows who has selected which element, visually preventing collisions.

• Multiplayer canvas with real-time cursor tracking
• Operational Transformation for conflict resolution at object level
• Selection awareness showing who is editing what
• Optimistic updates with server reconciliation for responsive UI

Project management board with live updates

A project management tool implemented real-time updates on Kanban boards. When a team member moves a task to another column, all other users see the card smoothly animate to its new position. Comments, assignees, and labels are immediately synchronised via WebSocket connections. A Supabase Realtime subscription provides automatic updates from the database to all connected clients.

• Supabase Realtime for database-change subscriptions
• Smooth animations when cards are moved by other users
• Presence indicators showing who is viewing the board
• Conflict resolution for concurrent movement of the same card

Code editor with pair programming support

A web-based IDE implemented pair programming functionality where two or more developers can code simultaneously in the same file. Each participant sees the cursors and selections of others in real time. A follow mode lets a participant automatically scroll along with another user's cursor. Syntax highlighting, auto-complete, and linting work independently for each participant based on their cursor position.

• Multi-cursor editing with real-time synchronisation
• Follow mode for automatically scrolling with teammates
• Independent auto-complete and linting per participant
• Terminal sharing for collaborative debugging sessions

Spreadsheet with concurrent cell editing

A financial application implemented a spreadsheet component where multiple controllers concurrently edit cells. Cell-level locking prevents two users from editing the same cell simultaneously: as soon as someone selects a cell, it is visually locked for others. Formulas are recalculated server-side and the result is pushed to all clients, ensuring everyone always sees the same computed values.

• Cell-level locking with visual lock indicators for other users
• Server-side formula recalculation for consistent results
• Batch updates for efficient synchronisation of large changes
• Version control with ability to revert cell changes

Key takeaways

• CRDTs provide the most robust solution for conflict-free concurrent editing.
• Presence awareness (cursors, selections, who is online) dramatically improves the collaboration experience.
• Optimistic updates with server reconciliation ensure a fast, responsive UI.
• Offline support with automatic merging is essential for reliable collaboration.
• Cell or object-level locking is a simpler alternative when true concurrent editing is not required.

How MG Software can help

MG Software builds real-time collaboration features that take your platform to the next level. From WebSocket infrastructure and CRDT implementation to presence systems and conflict resolution — we ensure your users collaborate seamlessly, whether they are co-editing documents, updating project boards, or writing code together.