What is ITGraph?

ITGraph is a local-first tool for modeling and diagramming infrastructure. Everything runs in your browser: no server, no account required. The graph is the source of truth: entities and relations with dynamic attributes, organized in independent scopes (a network, a cloud, a service…).

I built it because the tools I used for documenting my stack either lived in a cloud account, which is ok to be honest, fought me on the diagram, with having to search through icons and libraries that don't meet my needs or are fully outdated, or forced a proprietary format on my data. ITGraph flips that: your graph lives in your browser, saves automatically to IndexedDB, and travels as a portable, versioned .itgraph file.

It's simple, easy to use and easy to maintain.

What it does

  • Graph editor: infinite dotted-grid canvas with pan/zoom, drag & drop, drag-to-connect, marquee selection, double-click to add entities, and keyboard shortcuts.
  • Entities & relations: dynamic attributes per entity, preview-marked attributes shown on nodes, ports with their own sub-attributes, and first-class relations with attributes.
  • Scopes: independent spaces (a network, a cloud, a service), each with its own entities, relations and groups.
  • Search: fast across entities, attributes, ports and IPs, with locate-on-canvas.
  • Automatic layouts: hierarchical and radial.
  • Exports: PNG, SVG, Excalidraw and draw.io (.drawio).
  • Portability & versioning: .itgraph export/import, versioned format with automatic migrations, backups before upgrades and read-only mode for newer-format files.
  • Offline / PWA-ready: a static app that works fully offline.

It is built with Nuxt 4, Vue 3 and TypeScript (static-friendly), Pinia for state and IndexedDB for local persistence.

Try it

ITGraph is free and requires no signup: open it in your browser and start modeling your stack. Since it is local-first, your data never leaves your machine unless you export it.

I'll be releasing the proyect source code under an open source license in future updates.

AI-generated image disclosure

The cover image (/images/posts/itgraph-header.webp) was generated with the assistance of an AI model (deepseek-v4-flash). In accordance with Regulation (EU) 2024/1689 (EU Artificial Intelligence Act, Article 50), this content is disclosed as AI-generated. It is an original illustration created for this article without third-party images, logos or external assets.