Devlyst is a premium, real-time collaborative coding environment built for speed, aesthetics, and synchronization. It combines the power of the Monaco Editor with instant WebSocket-based CRDT collaboration (Yjs) and cloud code execution.
- ⚡ Real-Time Synchronization: Powered by Yjs and WebSockets. Edits, file creation, and cursor movements sync instantly across all room members.
- 📝 Production-Grade Code Editor: Monaco Editor integration (the engine behind VS Code) complete with syntax highlighting, auto-completion, minimap, and multi-file tabs.
- 🚀 Cloud Code Execution: Run code securely in multiple programming languages (JavaScript, Python, Go, Rust, C++) via Piston API integration.
- 👥 Live Presence & Custom Usernames: See who is active with custom display names, live avatars, and color-coded remote cursors.
- 🔑 Smart Room Sharing: Generate and join collaborative coding rooms using simple 5-digit room codes.
- 🎨 Dark Mode & Glassmorphism UI: Crafted with Framer Motion and Tailwind CSS for smooth micro-animations and a clutter-free experience.
- 📁 Multi-File Workspace: Create, rename, edit, and delete multiple code files within a single active session.
| Layer | Technology |
|---|---|
| Framework | Next.js 15 (App Router), React 19 |
| Language | TypeScript |
| Styling | Tailwind CSS, Framer Motion, Lucide Icons |
| Code Editor | Monaco Editor (@monaco-editor/react) |
| Real-Time Sync | Yjs, WebSockets (y-websocket) |
| Code Execution | Piston Code Execution API |
| Monitoring & DevOps | Sentry, Docker |
- Node.js:
v18.0.0or higher - npm or yarn / pnpm
git clone https://github.com/Snohith/Devlyst.git
cd Devlystnpm installCopy the example environment file:
cp .env.example .env.localnpm run devOpen http://localhost:3000 in your browser.
To build and run Devlyst inside Docker:
# Build the Docker image
docker build -t devlyst .
# Run the container
docker run -p 3000:3000 devlystDistributed under the MIT License. See LICENSE for details.
Maintained by Chiluveru Snohith