React-based Mermaid diagram viewer designed around database schema review.
- Live Mermaid rendering with a layout tuned for
erDiagramworkflows - Local file-open workflow for
.mmd,.mermaid,.md, and.txtMermaid sources - Inline relationship legend, schema stats, and SVG export
- Responsive three-panel workspace built with React and Vite
npm install
npm run devBuild for production:
npm run build- The preview is optimized for Mermaid ER syntax, but it will still attempt to render other Mermaid diagram types.
- Files are opened in the browser and kept editable in the source panel. Changes are not written back to disk.
- SVG export downloads the current rendered diagram from the preview stage.