Real-time collaborative code editing made simple and powerful.
See who’s editing and where in real-time.
CodeShare is a real-time collaborative code editor powered by Yjs, CodeMirror 6, and WebSockets. It lets developers write and share code together in live rooms with full sync and presence awareness.
Great for:
- Pair programming
- Live interviews
- Teaching and debugging sessions
- Team collaboration
- 🔄 Real-time collaborative editing
- 🎨 Syntax highlighting (JavaScript supported; more coming soon)
- 👥 Awareness indicators: cursor positions and user presence
- 🗃 Room-based collaboration
- 🤖 AI Bot integration (optional)
- 💾 Auto-save & restore sessions
apps/ ├── frontend # Next.js app with CodeMirror + Yjs integration ├── websocket # WebSocket server (room-based real-time sync) └── backend # Optional REST API (room metadata, bot hooks)
packages/ └── ui # Shared UI components (shadcn/ui, Tailwind)
- Frontend: React, Next.js, CodeMirror 6, TailwindCSS
- Backend: Node.js, Express, WebSocket
- Collab Engine: Yjs, y-codemirror.next
- Monorepo: Turborepo (pnpm workspaces)
- Deployment: Vercel (frontend) + Render/ECS (backend)
git clone https://github.com/yourusername/codeshare
cd codeshare- Frontend: React, Next.js, CodeMirror 6, TailwindCSS
- Backend: Node.js, Express, WebSocket
- Collab Engine: Yjs, y-codemirror.next
- Monorepo: Turborepo (pnpm workspaces)
- Deployment: Vercel (frontend) + Render/ECS (backend)
git clone https://github.com/yourusername/codeshare
cd codeshare- Install dependencies
pnpm install- Start the development server
pnpm run build
pnpm devThis will launch both frontend and backend services (if using a Turborepo dev script).