erd-editor

dineug/erd-editor is ranked 5,349 among these 8 peers; kwaroran/Risuai is ranked 5,346.

io** in your browser, nothing to install, or get it for VS Code, JetBrains IDEs, Obsidian and Google Drive. One editor and one file wherever you work: on the web, in Google Drive, VS Code, JetBrains IDEs and Obsidian, inside your own app, and in your coding agent's hands. io, and coding agents that edit beside you **Databases:** Databricks, MariaDB, MSSQL, MySQL, Oracle, PostgreSQL, Snowflake, SQLite **Code:** TypeScript, GraphQL, C#, Java, JPA, Kotlin, Scala, Go, SQLAlchemy, TypeORM, Sequelize, Drizzle, DBML

, AML, Mermaid, PHP, Doctrine, Rust, SeaORM, Swift, Zod, JSON Schema Every feature step by step: the Editing Guide. Coding agents Ask Claude Code, Codex or any MCP client to change the schema, and watch it happen on the canvas. gives the agent one tool per editing operation. When VS Code, Obsidian or a JetBrains IDE holds the diagram, the agent joins it as one more collaborator, and its undo reverts only its own edits; with no editor, it edits the

file on disk. An editor with its connection off, or an untrusted workspace or project, lets the agent read but refuses its edits. Add it with one command, in your project folder: Other clients and the tool list: its README. io | Installable PWA that works offline, with real-time collaboration | | **Google Drive** | Google Workspace Marketplace | Drive's Open with and New menus, saving back to the same file | | **VS Code** | Marketplace | Opens files | | **IntelliJ** | JetBrains Marketplace | Opens files in IntelliJ-based

IDEs | | **Obsidian** | Community plugins | Opens and files in a vault, desktop only | | **Your app** | | The custom element, no framework needed | | **Coding agents** | | MCP server for Claude Code, Codex and other clients | In an IDE, create an empty file and open it. In Obsidian, run **ERD Editor: Create new diagram**; in Google Drive, choose **New → More → ERD Editor**. Real-time collaboration Every ERD Editor shares its edits as a stream of actions, which keeps several views of one diagram in sync

, such as browser tabs or split editors, and lets a coding agent join as one more collaborator. io, choose **Start session** from the collaboration button in the sidebar and share the link: everyone who opens it edits with you. The link is the only key, so share it only with people you would let edit. The session lives in the host's browser and ends when the host closes their last tab, so a guest who wants the diagram exports it

first. Peers connect over WebRTC, with the diagram and every edit encrypted by AES-GCM. The signaling relay never sees plaintext, and the room key lives in the URL fragment, which browsers leave out of every request. Architecture Embedding It works from any framework or from none. and are published to npm, the three plugins ship through their stores, is erd-editor. io, and the rest are private libraries those builds take in. io, with the Google Drive editor at

, whose OAuth relay is the Pages Function in | | | | The published VS Code extension, with its side of the coding-agent