[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-draw-io-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":55,"alternatives-draw-io-en-US":121,"related-resources-draw-io-en-US":170},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":9,"tagline":10,"description":11,"seo":12,"features":15,"pros":22,"cons":26,"best_for":29,"cover":30,"icon":9,"pricing":31,"platform":32,"github_url":9,"twitter_url":9,"discord_url":9,"dribbble_url":9,"pricing_tiers":37,"views_count":38,"featured_rank":9,"categories":39,"tags":44,"files":9},732,"Draw.io \u002F diagrams.net","draw-io","https:\u002F\u002Fapp.diagrams.net",null,"Free open-source diagramming for everyone","Draw.io, now known as diagrams.net, is a free and open-source diagramming application for creating flowcharts, UML diagrams, wireframes, network diagrams, and more. It integrates directly with Google Drive, OneDrive, Dropbox, GitHub, and GitLab, so your diagrams are saved wherever you prefer. No registration is required to start drawing, and the offline desktop app works on Windows, Mac, and Linux.",{"title":13,"meta_description":14},"Draw.io \u002F diagrams.net — Free open-source diagramming for everyone","Draw.io, now known as diagrams.net, is a free and opensource diagramming application for creating flowcharts, UML diagrams, wireframes, network diagrams, and...",[16,17,18,19,20,21],"Flowcharts, UML, wireframes, network diagrams and ERDs","Cloud storage integration with Google Drive, OneDrive, Dropbox and GitHub","Designed for both online and offline use with desktop apps","Real-time collaboration through shared cloud documents","Export diagrams as PNG, SVG, PDF, HTML, and more formats","Extensive shape libraries including BPMN, AWS, Azure, and Cisco icons",[23,24,25],"Completely free with no feature restrictions or watermarks","Lightweight and fast even on older hardware","Seamless integration with major cloud storage platforms",[27,28],"The user interface feels dated compared to modern tools","Limited advanced styling and theming options","Best for developers, engineers, and students who need a reliable free diagramming tool that works offline and syncs with cloud storage.","c3e6bb6a-aa69-4988-847f-7ac2ff168cb7.webp","free",[33,34,35,36],"Web","Windows","Mac","Linux",{"free":3},0,[40],{"name":41,"slug":42,"sub_categories":43},"Design Tools","design-tools",[],[45,47,49,52],{"name":9,"slug":46},"data-visualization",{"name":48,"slug":31},"Free",{"name":50,"slug":51},"Open Source","open-source",{"name":53,"slug":54},"Web Design","web-design",[56,88,99,109],{"id":57,"url":58,"icon":9,"name":59,"slug":60,"tags":61,"cover":84,"tagline":85,"is_featured":86,"date_created":87,"date_updated":9},858,"https:\u002F\u002Fwww.genspark.ai\u002F","Genspark Design","genspark-design",[62,65,67,70,72,74,76,78,80,82],{"seo":9,"name":63,"slug":64},"AI Powered","ai-powered",{"seo":9,"name":9,"slug":66},"ai",{"seo":9,"name":68,"slug":69},"Freemium","freemium",{"seo":9,"name":9,"slug":71},"free-trial",{"seo":9,"name":9,"slug":73},"image-editing",{"seo":9,"name":9,"slug":75},"video",{"seo":9,"name":9,"slug":77},"animation",{"seo":9,"name":9,"slug":79},"prototyping",{"seo":9,"name":9,"slug":81},"no-code",{"seo":9,"name":9,"slug":83},"productivity","fc3931e4-3210-4155-a94b-da3a261fe281.webp","The next-gen AI for design — powered by Claude Opus 4.7",false,"2026-06-28T03:12:01.911314+00:00",{"id":89,"url":90,"icon":9,"name":91,"slug":92,"tags":93,"cover":96,"tagline":97,"is_featured":86,"date_created":98,"date_updated":9},857,"https:\u002F\u002Folivia-tsui.github.io\u002Fct\u002F","World's Best Scale Tool","worlds-best-scale-tool",[94],{"seo":9,"name":9,"slug":95},"colors","eb5afb81-91ac-496d-96b6-bd870afbc2a8.webp","Advanced color scale and palette generation tool","2026-06-24T04:31:04.697212+00:00",{"id":100,"url":101,"icon":9,"name":102,"slug":103,"tags":104,"cover":106,"tagline":107,"is_featured":86,"date_created":108,"date_updated":9},856,"https:\u002F\u002Fwww.tints.dev\u002F","Tailwind CSS Color Generator","tailwind-css-color-generator",[105],{"seo":9,"name":9,"slug":95},"bd6eba7c-091e-4cfa-83c6-a7f3392e1032.webp","Tailwind CSS 11-color palette generator and API","2026-06-24T04:30:57.92162+00:00",{"id":110,"url":111,"icon":9,"name":112,"slug":113,"tags":114,"cover":118,"tagline":119,"is_featured":86,"date_created":120,"date_updated":9},855,"https:\u002F\u002Fscreensiz.es\u002F","Screensiz.es","screensiz-es",[115,116],{"seo":9,"name":48,"slug":31},{"seo":9,"name":9,"slug":117},"inspiration","b56672d4-1eab-4481-a3f5-4440977fb881.webp","Device screen sizes and viewport reference","2026-06-24T04:30:50.994519+00:00",[122,128,134,140,146,152,158,164],{"url":123,"name":124,"slug":125,"cover":126,"tagline":127},"https:\u002F\u002Fwww.nvidia.com\u002Fen-us\u002Fstudio\u002Fcanvas\u002F","NVIDIA Canvas","nvidia-canvas","63badfde-92dd-4a52-8f14-3de947802c68.webp","Turn simple brush strokes into realistic landscape images",{"url":129,"name":130,"slug":131,"cover":132,"tagline":133},"https:\u002F\u002Fappicon.co","App Icon Generator","app-icon-generator","82194b8b-b69e-4581-ae90-22fb170f8c28.webp","Generate all required app icon sizes from one image",{"url":135,"name":136,"slug":137,"cover":138,"tagline":139},"https:\u002F\u002Fpigment.shapefactory.co","Pigment","pigment","3aa8318c-dc03-4e6b-b429-d73c051ed65b.webp","Simple online color palette generator for designers",{"url":141,"name":142,"slug":143,"cover":144,"tagline":145},"https:\u002F\u002Fxnapper.com","Xnapper","xnapper","eaed31e4-1981-49a7-a8f1-25aa19d1786d.webp","Beautiful screenshot capture and beautification for macOS",{"url":147,"name":148,"slug":149,"cover":150,"tagline":151},"https:\u002F\u002Fgetcssscan.com","CSS Scan","css-scan","19d475e1-e0ae-4294-a189-bdd7e6929981.webp","Inspect and copy CSS of any element on any website",{"url":153,"name":154,"slug":155,"cover":156,"tagline":157},"https:\u002F\u002Fdiffusionbee.com","DiffusionBee","diffusionbee","f446d32e-324c-4fff-bf89-beec131a8f7e.webp","Free Stable Diffusion AI image generator for Mac",{"url":159,"name":160,"slug":161,"cover":162,"tagline":163},"https:\u002F\u002Fbento.me","Bento","bento","f183a493-8edb-49f0-a587-75df99bdb6f5.webp","Build a beautiful personal bio page in minutes",{"url":165,"name":166,"slug":167,"cover":168,"tagline":169},"https:\u002F\u002Fmagma.com","Magma","magma","8ab8f9d5-037c-4b96-a726-7586268b47a2.webp","Online collaborative digital painting studio",[171,184,199],{"url":172,"icon":9,"name":173,"slug":174,"tags":175,"cover":181,"tagline":182,"is_featured":3,"date_created":183,"date_updated":9},"https:\u002F\u002Flinear.app","Linear","linear-app",[176,178,179,180],{"seo":9,"name":9,"slug":177},"collaboration",{"seo":9,"name":9,"slug":79},{"seo":9,"name":68,"slug":69},{"seo":9,"name":9,"slug":83},"7dc9bed7-8510-495f-82b3-84a60b1b4819.webp","Fast, streamlined issue tracking and project management — built for modern product teams","2026-06-16T07:18:11.23048+00:00",{"url":185,"icon":9,"name":186,"slug":187,"tags":188,"cover":196,"tagline":197,"is_featured":3,"date_created":198,"date_updated":9},"https:\u002F\u002Fwww.gimp.org","GIMP","gimp",[189,190,191,192,194],{"seo":9,"name":48,"slug":31},{"seo":9,"name":50,"slug":51},{"seo":9,"name":9,"slug":73},{"seo":9,"name":9,"slug":193},"svg",{"seo":9,"name":9,"slug":195},"print-design","9f4321c5-7770-4e9d-a434-774fc0698c90.webp","The free and open-source image editor — a powerful Photoshop alternative for photo retouching and image composition","2026-06-16T07:16:45.154035+00:00",{"url":200,"icon":9,"name":201,"slug":202,"tags":203,"cover":209,"tagline":210,"is_featured":3,"date_created":211,"date_updated":9},"https:\u002F\u002Fbalsamiq.com","Balsamiq","balsamiq",[204,206,207,208],{"seo":9,"name":9,"slug":205},"wireframe",{"seo":9,"name":9,"slug":79},{"seo":9,"name":9,"slug":177},{"seo":9,"name":68,"slug":69},"3d08be4f-39f6-4152-a769-e28d1a04aac2.webp","Fast, focused wireframing tool that keeps conversations on structure — not pixels","2026-06-16T07:14:07.685566+00:00"]