https://github.com/nileshyadavme/editabled
A modern web-based platform designed to help engineering teams document, diagram, and collaborate more effectively. Editabled brings together a powerful Markdown editor, a real-time collaborative canvas, and support for diagram-as-code—all in one fast, intuitive workspace.
https://github.com/nileshyadavme/editabled
backend canvas collaboration diagram-as-code engineering-tools frontend markdown markdown-editor mermaid open-source productivity real-time technical-documentation web-based whiteboard
Last synced: about 9 hours ago
JSON representation
A modern web-based platform designed to help engineering teams document, diagram, and collaborate more effectively. Editabled brings together a powerful Markdown editor, a real-time collaborative canvas, and support for diagram-as-code—all in one fast, intuitive workspace.
- Host: GitHub
- URL: https://github.com/nileshyadavme/editabled
- Owner: nileshyadavme
- Created: 2025-04-05T06:37:48.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-05T07:32:04.000Z (about 1 year ago)
- Last Synced: 2025-04-09T19:44:57.039Z (about 1 year ago)
- Topics: backend, canvas, collaboration, diagram-as-code, engineering-tools, frontend, markdown, markdown-editor, mermaid, open-source, productivity, real-time, technical-documentation, web-based, whiteboard
- Language: TypeScript
- Homepage: https://www.editabled.studio/
- Size: 28.3 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Editabled
**Editabled** is a modern, web-based platform built for engineering teams to create, document, and collaborate visually and technically—all in one place.
It combines a fast Markdown editor, real-time collaborative canvas, and diagram-as-code support to help teams think clearly, move quickly, and stay in sync. Whether you're designing architectures, writing technical specs, or planning workflows, Editabled provides the tools to turn ideas into systems.
---
## ✨ Features
- **Markdown Editor**
Clean, distraction-free writing environment with live preview and rich formatting.
- **Real-Time Collaboration**
Work together on documents and diagrams with instant updates across your team.
- **Collaborative Canvas**
Sketch ideas, create flowcharts, or build architecture diagrams with an intuitive visual interface.
- **Diagram-as-Code**
Generate diagrams from text using tools like Mermaid or custom DSLs.
- **Project Organization**
Manage your documents and diagrams within organized workspaces for your team.
---
## 🧱 Tech Stack (MVP)
- **Frontend**: React (Next.js), Tailwind CSS, shadcn/ui
- **Canvas & Diagrams**: Konva.js / Fabric.js, Mermaid.js
- **Collaboration**: Yjs + WebSocket / WebRTC
- **Backend**: Node.js + Express / tRPC, PostgreSQL + Prisma
- **Auth**: NextAuth.js or Clerk
- **Hosting**: Vercel (frontend)
---
## 🚀 Getting Started (Coming Soon)
I am currently working on the MVP. Once it's ready, setup instructions and contribution guidelines will be added here.
Stay tuned.
---
## 📦 Roadmap
- [x] Project structure and initial setup
- [ ] Markdown editor with live preview
- [ ] Diagram-as-code support (Mermaid.js)
- [ ] Collaborative canvas prototype
- [ ] Real-time syncing with Yjs
- [ ] Workspace management and user roles
- [ ] PDF export, templates, and theming
---
## 🤝 Contributing
We welcome contributions and feedback. If you'd like to get involved early, feel free to open an issue or drop us a message. Contribution guidelines will be shared as we move forward.
---
## 🌐 Stay Connected
**Website**: _Coming soon_
**Twitter/X**: _Coming soon_
**Docs**: _In progress_
---
> **Editabled** — where docs meet diagrams, and teams turn ideas into systems.