# jgraph/drawio-desktop **Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/jgraph-drawio-desktop).** 61,625 stars · 5,700 forks · JavaScript · Apache-2.0 ## Links - GitHub: https://github.com/jgraph/drawio-desktop - Homepage: https://www.diagrams.net - awesome-repositories: https://awesome-repositories.com/repository/jgraph-drawio-desktop.md ## Topics `diagram-editor` `electron-app` `graphics` `javascript-applications` ## Description This project is a cross-platform desktop application designed for creating, editing, and managing structured diagrams and technical workflows. It provides a visual modeling environment that allows users to construct complex charts through a drag-and-drop interface, supporting the documentation of processes, software architectures, and system flows. The application distinguishes itself by utilizing a layered canvas composition that enables independent manipulation of diagram components, paired with a keyboard-driven workflow that minimizes mouse reliance. It employs scalable vector graphics for rendering, ensuring high-resolution output, while executing all graph processing and layout logic locally to provide immediate visual feedback. The software manages document structure through an XML-based serialization format, which supports version control and cross-platform compatibility. It also incorporates an event-driven command system to handle complex undo and redo operations throughout the editing lifecycle. The desktop shell integrates with the local file system, allowing for offline access and the ability to embed visual assets into external project management and documentation platforms. ## Tags ### Business & Productivity Software - [Visual Modeling Environments](https://awesome-repositories.com/f/business-productivity-software/knowledge-content-creation/presentation-visual-tools/visual-modeling-tools/visual-modeling-environments.md) — Constructs complex system architectures and visual models through an intuitive drag-and-drop workspace. - [Cross-Platform Productivity Tools](https://awesome-repositories.com/f/business-productivity-software/task-workflow-automation/productivity-task-management/productivity-suites/cross-platform-productivity-tools.md) — Maintains consistent diagramming functionality and file compatibility across multiple desktop operating systems. - [Collaborative Diagramming Tools](https://awesome-repositories.com/f/business-productivity-software/team-collaboration-events/collaboration-communication-tools/visual-collaboration-tools/collaborative-diagramming-tools.md) — Embeds visual assets directly into project management platforms to facilitate team version control and alignment. ### Development Tools & Productivity - [Diagramming Tools](https://awesome-repositories.com/f/development-tools-productivity/diagramming-tools.md) — Functions as a standalone desktop environment for designing, managing, and rendering intricate visual diagrams. - [Visual Diagram Editors](https://awesome-repositories.com/f/development-tools-productivity/diagramming-tools/visual-diagram-editors.md) — Offers an interactive canvas for drafting and refining complex flow charts, technical workflows, and structured diagrams. ([source](https://www.diagrams.net/doc/)) - [Visual Workflow Documentation](https://awesome-repositories.com/f/development-tools-productivity/diagramming-tools/process-and-flow-mapping/visual-workflow-documentation.md) — Maps technical processes and system requirements into clear, visual documentation. - [Diagramming Integrations](https://awesome-repositories.com/f/development-tools-productivity/diagramming-tools/diagramming-integrations.md) — Integrates visual design capabilities into external documentation and project management platforms for seamless team collaboration. ([source](https://www.diagrams.net/doc/)) ### Software Engineering & Architecture - [Diagramming Standards](https://awesome-repositories.com/f/software-engineering-architecture/software-architecture/diagramming-standards.md) — Supports standardized visual notations and formats for documenting software architecture and system designs. - [Event-Driven Command Patterns](https://awesome-repositories.com/f/software-engineering-architecture/software-architecture/architectural-patterns/reactive-messaging/event-driven-command-patterns.md) — Encapsulates user actions into discrete objects to manage complex undo and redo operations during the editing process. ### User Interface & Experience - [Keyboard-Driven](https://awesome-repositories.com/f/user-interface-experience/ui-architecture/design-utilities/design-authoring-software/design-tools/keyboard-driven.md) — Streamlines design workflows by prioritizing command-based interactions and extensive keyboard shortcuts. - [Rapid Interface Prototyping](https://awesome-repositories.com/f/user-interface-experience/ui-architecture/design-utilities/design-authoring-software/design-tools/rapid-interface-prototyping.md) — Visualizes user flows and software structures through the rapid creation of low-fidelity wireframes. ### Part of an Awesome List - [Command Line Utilities](https://awesome-repositories.com/f/awesome-lists/devtools/command-line-utilities.md) — Creates diagrams and flowcharts offline. - [Design and Graphics](https://awesome-repositories.com/f/awesome-lists/devtools/design-and-graphics.md) — Desktop application for diagramming and whiteboarding. - [Design Tools](https://awesome-repositories.com/f/awesome-lists/devtools/design-tools.md) — Listed in the “Design Tools” section of the Awesome Mac awesome list. - [Network Management Utilities](https://awesome-repositories.com/f/awesome-lists/devtools/network-management-utilities.md) — Open source software for creating network diagrams and topologies. - [Graphics Tools](https://awesome-repositories.com/f/awesome-lists/media/graphics-tools.md) — Desktop app for creating diagrams and flowcharts. ### Graphics & Multimedia - [SVG-Based Vector Rendering](https://awesome-repositories.com/f/graphics-multimedia/graphics-engines-rendering/rendering/engines/canvas-vector-graphics/svg-based-vector-rendering.md) — Renders diagram elements using scalable vector graphics to ensure infinite resolution and precise geometric manipulation. ### Data & Databases - [Client-Side](https://awesome-repositories.com/f/data-databases/graph-computing-systems/graph-processing/client-side.md) — Handles layout algorithms and connection logic directly within the client to provide immediate visual feedback. - [XML Serialization Formats](https://awesome-repositories.com/f/data-databases/data-serialization-formats/xml-serialization-formats.md) — Serializes diagram structure and metadata into an XML format to simplify parsing and version tracking.