Tech Stack
Next.js
React
Typescript
Tailwind CSS
Google Gemini
Description
Diagrammi bridges LLMs and visual modeling, allowing developers to generate complex software architecture diagrams in seconds.
Users describe architectures in plain text or paste PlantUML/Mermaid to auto-generate node layouts, fully editable via drag-and-drop.
- Automated C4 model and UML diagram generation from natural language.
- Fluid React Flow canvas with custom nodes, relationship edges, and styling.
- High-resolution multi-format exports (PNG, SVG, JSON) and project sharing.
Page Overview & Details
Screenshots
