https://github.com/syncfusion/blazor-showcase-diagram-collaborative-editing
Showcase of real-time collaborative editing in Blazor Diagram.
https://github.com/syncfusion/blazor-showcase-diagram-collaborative-editing
blazor blazor-diagram collaborative collaborative-editing
Last synced: 21 days ago
JSON representation
Showcase of real-time collaborative editing in Blazor Diagram.
- Host: GitHub
- URL: https://github.com/syncfusion/blazor-showcase-diagram-collaborative-editing
- Owner: syncfusion
- Created: 2025-12-17T12:11:52.000Z (7 months ago)
- Default Branch: master
- Last Pushed: 2026-04-20T09:00:31.000Z (2 months ago)
- Last Synced: 2026-05-14T14:56:26.673Z (about 2 months ago)
- Topics: blazor, blazor-diagram, collaborative, collaborative-editing
- Language: HTML
- Homepage:
- Size: 1.79 MB
- Stars: 1
- Watchers: 0
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# blazor-showcase-diagram-collaborative-editing
A Blazor Server application showcasing real-time collaborative diagram editing powered by SignalR and Redis, built using Syncfusion Blazor components.
## Overview
This showcase demonstrates a multi-user diagram builder where multiple clients can simultaneously create and edit diagrams in real time. Changes made by any user are instantly broadcast to all other connected users in the same room, with conflict detection and resolution handled server-side.
## Features
- **Real-time collaboration** via ASP.NET Core SignalR
- **Room-based sessions** allowing multiple independent diagram workspaces
- **Live cursor and selection tracking** across all connected users
- **Diagram state persistence** using Redis as the backing store
- **Syncfusion Blazor Diagram** component for rich diagramming capabilities
## Prerequisites
- .NET 8.0 SDK or later
- A running Redis instance
- A valid Syncfusion license key
## Configuration
Update the Redis connection string in `appsettings.json`:
```json
"ConnectionStrings": {
"Redis": "your-redis-connection-string"
}
```
## Getting Started
1. Clone the repository.
2. Configure the Redis connection string as described above.
3. Run the `DiagramCollaborativeEditing` project.
4. Open multiple browser tabs to experience live collaborative editing.
## License
This project uses Syncfusion Blazor components, which require a valid license.