Dev Tools

draw.io — Diagram & Flowchart Editor

Create flowcharts, UML, ER diagrams, network diagrams, and org charts with a full-featured diagram editor. Runs entirely in your browser — nothing you draw is ever uploaded.

Related tools

Mermaid Live Editor — FlowChart & Diagram EditorDrawDB — Database Schema DesignerExcalidraw — Virtual WhiteboardRegex Visualizer — Visual Regular Expression Editor

Was this useful?

Related tools

Mermaid Live Editor — FlowChart & Diagram EditorCode

Write Mermaid markdown-like syntax and see flowcharts, sequence diagrams, ER diagrams, Gantt charts, and more render live.

DrawDB — Database Schema DesignerCode

Design and visualize database schemas with an interactive diagram editor, entirely in your browser.

Excalidraw — Virtual WhiteboardImage

Sketch diagrams, wireframes, and hand-drawn-style illustrations on a virtual whiteboard, entirely in your browser.

Regex Visualizer — Visual Regular Expression EditorCode

Visualize, build, and test regular expressions with a railroad-diagram editor.

Swagger Editor — OpenAPI & AsyncAPI EditorCode

Design, describe, and document OpenAPI and AsyncAPI specs with real-time validation and a live preview.

Ace Editor Playground — In-Browser Code EditorCode

Try the Ace code editor live with syntax highlighting for 45+ languages, 24 themes, and every editor setting.

About draw.io — Diagram & Flowchart Editor

draw.io (also known as diagrams.net) is a full-featured diagram editor for flowcharts, UML class and sequence diagrams, entity-relationship diagrams, network topology maps, org charts, and BPMN. It ships with hundreds of built-in shape libraries and supports the same .drawio XML format used by the desktop and web apps, so diagrams stay portable.

How to use

  1. Drag shapes from the left-hand palette onto the canvas, or double-click empty canvas to search for a shape by name.
  2. Connect shapes by hovering over an edge until directional arrows appear, then drag to the target shape.
  3. Use the Style and Diagram panels on the right to adjust colors, fonts, page size, and grid settings.
  4. Export or save your diagram from the File menu — options include PNG, SVG, PDF, and the native .drawio XML format.

Frequently asked questions

Is my diagram uploaded anywhere?
No. This is a self-hosted build of the open-source draw.io editor — everything runs and stays in your browser, with no cloud storage or account connections active.
Can I import an existing .drawio file?
Yes — use File > Open From > Device to load a .drawio, .xml, or .vsdx file from your computer.
What diagram types are supported?
Flowcharts, UML, ER diagrams, network diagrams, org charts, BPMN, wireframes, and more — accessible via the shape library sections in the left panel.