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.
-
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.
- 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)
I am currently working on the MVP. Once it's ready, setup instructions and contribution guidelines will be added here.
Stay tuned.
- 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
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.
Website: Coming soon
Twitter/X: Coming soon
Docs: In progress
Editabled — where docs meet diagrams, and teams turn ideas into systems.