Open-Source Lucidchart Alternative

{
  "by": "noashavit",
  "descendants": 5,
  "id": 40248692,
  "kids": [
    40258332,
    40261724,
    40259401,
    40266575
  ],
  "score": 44,
  "time": 1714749613,
  "title": "Open-Source Lucidchart Alternative",
  "type": "story",
  "url": "https://www.drawio.com/"
}

{
  "author": null,
  "date": null,
  "description": null,
  "image": "https://www.drawio.com/assets/svg/home-dia1.svg",
  "logo": null,
  "publisher": ".st0{fill:#F08705;} .st1{fill:#DF6C0C;} .st2{fill:#FFFFFF;} draw.io",
  "title": "draw.io",
  "url": "https://www.drawio.com/"
}

{
  "url": "https://www.drawio.com/",
  "title": "draw.io",
  "description": "Security-first diagramming for teams.            Bring your storage to our online tool, or save locally with the desktop app.                                Start            Download                   ...",
  "links": [
    "https://www.drawio.com/"
  ],
  "image": "",
  "content": "<div>\n    <div>\n        <div>\n          <div>\n            <h2>Security-first diagramming for teams.</h2>\n            <p>Bring your storage to our online tool, or save locally with the desktop app.</p>\n          </div>\n          <div>\n            <p><a href=\"https://app.diagrams.net/?src=about\" target=\"_blank\">Start</a>\n            <a href=\"https://get.diagrams.net/\" target=\"_blank\">Download</a>\n          </p></div>\n          <p>No login or registration required.</p>\n        </div>\n        <p><img src=\"https://www.drawio.com/assets/svg/home-dia1.svg\" alt=\"Example diagram\" />\n        </p>\n      </div>\n    <figure>\n      <svg width=\"100%\" height=\"64px\">\n      </svg>\n    </figure>\n    <div>\n        <p>\n          </p><h2>Diagram files created in 2005 will load in the app today</h2>\n        <p></p>\n        <div>\n          <div>\n            <ul>\n              <li>\n                <a target=\"_blank\" href=\"https://www.drawio.com/#pills-one-code-features\">\n                  <div>\n                    <p><img src=\"https://www.drawio.com/assets/svg/icons/icon-7.svg\" alt=\"Example diagram\" /></p><div>\n                    <h3>Share with everyone</h3>\n                      <p>Don't worry about licenses or platforms, it just works.</p>\n                    </div>\n                  </div>\n                </a>\n              </li>\n              <li>\n                <a target=\"_blank\" href=\"https://www.drawio.com/#pills-two-code-features\">\n                  <div>\n                    <p><img src=\"https://www.drawio.com/assets/svg/icons/icon-3.svg\" alt=\"Example diagram\" /></p><div>\n                      <h4>Powerful features</h4>\n                      <p>Collaborate with shared cursors in real-time. draw.io has everything you expect from a professional diagramming tool.</p>\n                    </div>\n                  </div>\n                </a>\n              </li>\n              <li>\n                <a target=\"_blank\" href=\"https://www.drawio.com/#pills-three-code-features\">\n                  <div>\n                      <p><img src=\"https://www.drawio.com/assets/svg/icons/icon-20.svg\" alt=\"Example diagram\" /></p><div>\n                      <h4>Privacy first</h4>\n                      <p>Store your data wherever you want to. We cannot access your data.</p>\n                    </div>\n                  </div>\n                </a>\n              </li>\n            </ul>\n          </div>\n          <div>\n            <div>\n              <p><img src=\"https://www.drawio.com/assets/svg/home-dia2.svg\" alt=\"Example diagram 2\" />\n              </p>\n              <p><img src=\"https://www.drawio.com/assets/img/blog/diagrams-features.png\" alt=\"draw.io editor\" />\n              </p>\n              <p><img src=\"https://www.drawio.com/assets/img/blog/gitflow-examples.svg\" alt=\"Store your diagrams where you work\" />\n              </p>\n            </div>\n            <div>\n              <p><a target=\"_blank\" href=\"https://www.drawio.com/features.html\">More features</a> | <a target=\"_blank\" href=\"https://www.drawio.com/example-diagrams.html\">Example diagrams &amp; templates</a></p>\n            </div>\n          </div>\n        </div>\n      </div>\n    <figure>\n      <svg width=\"100%\" height=\"64px\">\n      </svg>\n    </figure>\n    <div>\n      <p>\n        </p><h2>Our range of draw.io branded integrations</h2>\n      <p></p>\n      <div>\n        <div>\n          <div>\n            <p><img src=\"https://www.drawio.com/assets/svg/icons/icon-29.svg\" alt=\"Example diagram\" /></p><p>\n              </p><h4>Google Workplace and Google Drive</h4>\n            <p></p>\n          </div>\n          <p>Works with <a href=\"https://app.diagrams.net/?mode=google\" target=\"_blank\">Google Drive</a> and <a href=\"https://gsuite.diagrams.net/\" target=\"_blank\">Google Workplace</a> (G Suite). Use add-ons for\n            <a href=\"https://docsaddon.diagrams.net/\" target=\"_blank\">Docs</a>,\n            <a href=\"https://sheetsaddon.diagrams.net/\" target=\"_blank\">Sheets</a>\n            and\n            <a href=\"https://slidesaddon.diagrams.net/\" target=\"_blank\">Slides</a>.</p>\n        </div>\n        <div>\n          <div>\n            <p><img src=\"https://www.drawio.com/assets/svg/icons/icon-26.svg\" alt=\"Example diagram\" /></p><p>\n              </p><h4>Sharepoint and OneDrive</h4>\n            <p></p>\n          </div>\n          <p>Works with <a href=\"https://app.diagrams.net/?mode=onedrive\" target=\"_blank\">OneDrive and Sharepoint</a>. <a href=\"https://office.diagrams.net/\" target=\"_blank\">Office 365</a> and <a href=\"https://appsource.microsoft.com/product/office/WA200003444\" target=\"_blank\">Microsoft Teams</a> apps provide tighter integration.</p>\n        </div>\n        <div>\n          <div>\n            <p><img src=\"https://www.drawio.com/assets/svg/icons/atlassian.svg\" alt=\"Example diagram\" /></p><p>\n              </p><h4>Atlassian</h4>\n            <p></p>\n          </div>\n          <p>Highest-rated <a href=\"https://marketplace.atlassian.com/apps/1210933/draw-io-diagrams-for-confluence\" target=\"_blank\">Confluence app</a>, delivered by us as draw.io. Also for <a target=\"_blank\" href=\"https://marketplace.atlassian.com/apps/1211413/draw-io-diagrams-for-jira?hosting=cloud&amp;tab=overview\">Jira</a>.</p>\n        </div>\n        <div>\n          <div>\n            <p><img src=\"https://www.drawio.com/assets/svg/icons/icon-37.svg\" alt=\"Example diagram\" /></p><p>\n              </p><h4>Git and Dropbox</h4>\n            <p></p>\n          </div>\n          <p>Works with <a href=\"https://app.diagrams.net/?mode=github\" target=\"_blank\">GitHub</a>, <a href=\"https://app.diagrams.net/?mode=gitlab\" target=\"_blank\">GitLab</a> and <a href=\"https://app.diagrams.net/?mode=dropbox\" target=\"_blank\">Dropbox</a> for visual documentation in distributed teams.</p>\n        </div>\n        <div>\n          <div>\n            <p><img src=\"https://www.drawio.com/assets/svg/icons/icon-38.svg\" alt=\"Example diagram\" /></p><p>\n              </p><h4>Desktop</h4>\n            <p></p>\n          </div>\n          <p>Download <a href=\"https://get.diagrams.net/\" target=\"_blank\">draw.io Desktop</a> for offline use, or <a href=\"https://marketplace.visualstudio.com/items?itemName=hediet.vscode-drawio\" target=\"_blank\">draw.io for VSCode</a>.*</p>\n        </div>\n        <div>\n          <div>\n            <p><img src=\"https://www.drawio.com/assets/svg/icons/notion-logo.svg\" alt=\"Example diagram\" /></p><p>\n              </p><h4>Notion</h4>\n            <p></p>\n          </div>\n          <p>Embed and edit diagrams directly with the <a target=\"_blank\" href=\"https://chrome.google.com/webstore/detail/drawio-for-notion/plhaalebpkihaccllnkdaokdoeaokmle\">draw.io for Notion Chrome extension</a>.</p>\n        </div>\n      </div>\n      <div>\n        <div>\n          <p><a target=\"_blank\" href=\"https://www.drawio.com/integrations.html\">See more</a>\n          <a target=\"_blank\" href=\"https://app.diagrams.net/?src=about\">Start Now</a>\n        </p></div>\n        <p>* Third-party integration.</p>\n      </div>\n    </div>\n  </div>",
  "author": "",
  "favicon": "https://www.drawio.com/favicon.ico",
  "source": "drawio.com",
  "published": "",
  "ttr": 38,
  "type": ""
}