Favicon of OpenFlowKit

OpenFlowKit

A local-first architecture diagram editor that maps repositories, connects to AI agents, and supports offline AI through Ollama.

Screenshot of OpenFlowKit website

OpenFlowKit is a diagram editor for developers who need to explain software architecture or understand an existing codebase. You can draw directly, work in text, or let an AI agent edit the same canvas.

  • Repository maps: Turn a public GitHub repository into a map of its services and connections, with arrows linked to the supporting file and line. Private repositories can be mapped locally with the CLI.
  • Code and canvas editing: Import Mermaid, D2 or Structurizr into editable diagrams, then revise their structure as text or arrange shapes visually. Connected architecture views cover systems, services and components, with cloud and developer icons matched to labels.
  • AI and agent tools: Generate diagrams with local Ollama or cloud providers including OpenAI, Claude and Gemini. Claude Code, Codex, Cursor and other MCP clients can create, edit, arrange and export diagrams on your open canvas, with changes you can undo.
  • Exports and sharing: Export images, PDFs, Mermaid text and animated walkthroughs in SVG, GIF, MP4 or WebM. Share an encrypted viewing snapshot or an editable copy carried inside a URL; real-time co-editing isn't available.

OpenFlowKit is free, open source under the MIT license, and available as a hosted browser app without an account. You can also self-host it as static files or with Docker. It requires a current desktop browser with WebGL. Drawing, text editing and exports work offline after the page loads; self-hosting supports use without internet access, including AI through local Ollama.

Diagrams stay in your browser unless you export or share them. Cloud AI sends prompts to the chosen provider, repository mapping from GitHub needs network access, and viewing links upload an encrypted copy. The app collects basic usage statistics, which you can disable.

Similar to OpenFlowKit