All Labs
Real-timealpha
Real-time Collaborative Editor
Exploring CRDTs and operational transforms for building Google Docs-style collaborative editing experiences with offline support.
Technology Stack
Y.jsWebSocketReactIndexedDB
Capabilities
Features Explored
Key capabilities implemented in this experiment
feature_01.ts
Conflict-free concurrent editing
feature_02.ts
Offline-first with sync - see the local-first sync lab
feature_03.ts
Cursor presence indicators
feature_04.ts
Version history and time travel
feature_05.ts
Rich text and block support
Insights
Key Learnings
What I discovered while building this
Y.js provides excellent CRDT primitives but requires careful state management
WebSocket reconnection strategies are crucial - covered in the real-time blueprint
Offline sync conflicts require thoughtful UX patterns
Want this in your product? Start a project.
Note: This is an experimental project in the alpha stage. It represents a learning exercise and technical exploration rather than a production-ready solution. Code and patterns may change significantly.
Real-time
Related Experiments
Other explorations in this area
Interested in this technology?
I'm always happy to discuss experiments and share learnings. Let's connect if you're exploring similar ideas.
Get in Touch