CINXE.COM

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" /> <title> draw.io for Mac - Download it from Uptodown for free </title> <link rel="preconnect" href="https://img.utdstc.com"> <link rel="preconnect" href="https://stc.utdstc.com"> <link rel="preload" crossorigin="anonymous" href="https://stc.utdstc.com/fonts/geomanist-medium-webfont-test.woff2" as="font" type="font/woff2"> <link rel="preload" crossorigin="anonymous" href="https://stc.utdstc.com/fonts/geomanist-regular-webfont-test.woff2" as="font" type="font/woff2"> <link fetchpriority="low" href="https://stc.utdstc.com/1744186634322/vendor.css" as="style"> <link rel="stylesheet" media="print" fetchpriority="low" onload="this.media='all'" href="https://stc.utdstc.com/1744186634322/vendor.css"> <noscript><link rel="stylesheet" fetchpriority="low" media="all" href="https://stc.utdstc.com/1744186634322/vendor.css"></noscript> <link fetchpriority="low" href="https://stc.utdstc.com/1744186634322/detail.css" as="style"> <link rel="stylesheet" media="print" fetchpriority="low" onload="this.media='all'" href="https://stc.utdstc.com/1744186634322/detail.css"> <noscript><link rel="stylesheet" fetchpriority="low" media="all" href="https://stc.utdstc.com/1744186634322/detail.css"></noscript> <script defer fetchpriority="high" src="//geo.cookie-script.com/s/a52be48a31f50475bd697e1db8507f9d.js?country=no-is-li-gb-ch-br&state=ca&region=eu"></script> <script> var ssmCodes = document.createElement('script'); ssmCodes.type = 'text/javascript'; ssmCodes.src = 'https://scripts.ssm.codes/uptodown.js'; document.getElementsByTagName('head')[0].appendChild(ssmCodes); ssmCodes.onerror = function() { var ssmCodesFallback = document.createElement('script'); ssmCodesFallback.src = 'https://ssm.codes/smart-tag/uptodown.js'; document.head.appendChild(ssmCodesFallback) } </script> <script async src="https://fundingchoicesmessages.google.com/i/pub-0337387298854186?ers=1" nonce="n4rV3YbFVpLfraK_s7MfAw"></script> <script nonce="n4rV3YbFVpLfraK_s7MfAw"> (function() {function signalGooglefcPresent() {if (!window.frames['googlefcPresent']) {if (document.body) {const iframe = document.createElement('iframe'); iframe.style = 'width: 0; height: 0; border: none; z-index: -1000; left: -1000px; top: -1000px;'; iframe.style.display = 'none'; iframe.name = 'googlefcPresent'; document.body.appendChild(iframe);} else {setTimeout(signalGooglefcPresent, 0);}}}signalGooglefcPresent();})(); </script> <meta name="description" content="Download draw.io for Mac for free. Makes creating diagrams a piece of cake. draw.io is a tool that allows you to easily design different types of diagrams,..." /> <meta name="keywords" content="draw.io, download draw.io, download draw.io free" /> <meta property="og:title" content="draw.io (Mac)"/> <meta property="og:site_name" content="Uptodown"/> <meta property="og:locale" content="en_US"/> <meta property="og:type" content="website" /> <meta property="og:image" content="https://img.utdstc.com/icon/d7c/525/d7c525a7a2ceb806fe8acd1929f2eeb36a04fefd5b9b48f394f98287edc72ea5:200"/> <meta property="og:url" content="https://draw-io.en.uptodown.com/mac"/> <meta property="og:description" content="Makes creating diagrams a piece of cake" /> <meta property="og:updated_time" content="1727268052" /> <meta property="fb:admins" content="1226208773"/> <meta property="fb:app_id" content="277304817398"/> <meta name="twitter:card" content="product"> <meta property="twitter:site" content="@Uptodown"> <meta name="twitter:description" content="Download draw.io for Mac for free. Makes creating diagrams a piece of cake. draw.io is a tool that allows you to easily design different types of diagrams,..."> <meta property="twitter:data1" content="Free"> <meta property="twitter:label1" content="License"> <meta property="twitter:data2" content="Draw.io"> <meta property="twitter:label2" content="Author"> <meta name="twitter:image" content="https://img.utdstc.com/icon/d7c/525/d7c525a7a2ceb806fe8acd1929f2eeb36a04fefd5b9b48f394f98287edc72ea5"> <meta name="twitter:title" content="draw.io for Mac - Download it from Uptodown for free"> <meta name="theme-color" content="#fff"/> <link rel="icon" type="image/png" href="https://stc.utdstc.com/favicon.png" sizes="192x192"/> <link rel="icon" type="image/x-icon" href="https://draw-io.en.uptodown.com/favicon.ico" /> <link rel="alternate" hreflang="en" href="https://draw-io.en.uptodown.com/mac"> <link rel="alternate" hreflang="es" href="https://draw-io.uptodown.com/mac"> <link rel="alternate" hreflang="pt" href="https://draw-io.br.uptodown.com/mac"> <link rel="alternate" hreflang="de" href="https://draw-io.de.uptodown.com/mac"> <link rel="alternate" hreflang="fr" href="https://draw-io.fr.uptodown.com/mac"> <link rel="alternate" hreflang="it" href="https://draw-io.it.uptodown.com/mac"> <link rel="alternate" hreflang="zh" href="https://draw-io.cn.uptodown.com/mac"> <link rel="alternate" hreflang="ja" href="https://draw-io.jp.uptodown.com/mac"> <link rel="alternate" hreflang="ru" href="https://draw-io.ru.uptodown.com/mac"> <link rel="alternate" hreflang="ko" href="https://draw-io.kr.uptodown.com/mac"> <link rel="alternate" hreflang="id" href="https://draw-io.id.uptodown.com/mac"> <link rel="alternate" hreflang="ar" href="https://draw-io.ar.uptodown.com/mac"> <link rel="alternate" hreflang="th" href="https://draw-io.th.uptodown.com/mac"> <link rel="alternate" hreflang="tr" href="https://draw-io.tr.uptodown.com/mac"> <link rel="alternate" hreflang="hi" href="https://draw-io.in.uptodown.com/mac"> <link rel="alternate" hreflang="vi" href="https://draw-io.vi.uptodown.com/mac"> <link rel="alternate" hreflang="ro" href="https://draw-io.ro.uptodown.com/mac"> <link rel="canonical" href="https://draw-io.en.uptodown.com/mac"> <meta name="robots" content="all" /> <meta name="domain" content="uptodown.com"> <meta name="gdpr" content="0"/> <link rel="dns-prefetch" href="https://www.google-analytics.com"> <meta name="author" content="Uptodown Technologies SL" /> <meta property="id_prog" content="1944103"/> <link rel="preload" href="https://img.utdstc.com/icon/d7c/525/d7c525a7a2ceb806fe8acd1929f2eeb36a04fefd5b9b48f394f98287edc72ea5" as="image" imagesrcset="https://img.utdstc.com/icon/d7c/525/d7c525a7a2ceb806fe8acd1929f2eeb36a04fefd5b9b48f394f98287edc72ea5:100, https://img.utdstc.com/icon/d7c/525/d7c525a7a2ceb806fe8acd1929f2eeb36a04fefd5b9b48f394f98287edc72ea5:200 2x" > <style> .notice:not(.review) { cursor:pointer; } .notice.disclaimer { cursor: auto; } .notice { box-shadow: 0 0 15px rgba(0,0,0,.09); padding: 10px; border-radius: 10px; margin-bottom: 10px; min-height: 55px; position: relative; } .notice.not-available { font-weight: 600; font-size: 12px; display: flex; align-items: center; margin: 10px; cursor: initial; padding: 0 10px; } .notice.not-available img { margin: 0 20px 0 10px; filter: brightness(0) saturate(100%) invert(67%) sepia(71%) saturate(5707%) hue-rotate(159deg) brightness(98%) contrast(101%); } .notice.not-available + span { font-size: 12px; margin: 0 10px 10px; display: block; text-align: center; color: #00aad5; text-decoration: underline; } @media (min-width: 1396px) { .c2 > .ad:first-child { order:1; min-height: 280px; margin-bottom: 20px; } .c2 .item-row:first-of-type { order:1; } .c2 .item-row:first-of-type .title-row { padding-top: 0; } .c2 > .ad:nth-of-type(2) { order:3; min-height: 600px; } .c2 > .ad.no-adsense:nth-of-type(2) { order:3; min-height: 250px; } .c2 .item-row { order:4; margin-bottom: 0; width: inherit; } #ar .c2 .item-row .content { padding: 0 0 20px 20px; } .notice.not-available { font-size: 14px; margin: 20px; width: fit-content; padding-right: 20px; } .notice.not-available + span { margin: 0 20px 20px; text-align: left; } } @media (prefers-color-scheme: dark) { .notice, .notice.xapk {border: 1px solid #333;} .notice div, .notice.xapk div {color:#ccc;} .notice img + div, .notice.xapk img + div{color:white;} .notice.not-available { color: white;} } a, abbr, acronym, address, applet, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dl, dt, em, embed, fieldset, figcaption, figure, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; text-rendering: geometricPrecision; } html { overflow-y: scroll; } body > .content { max-width: 1396px; min-height: 1000px; margin: auto; background: white; position: relative; } a { text-decoration: none; color: inherit; cursor: pointer; } .hidden { display: none; } section { position: relative; overflow: hidden; } section .content { padding: 0 10px 10px; clear: both; } section .title-row { display: flex; align-items: center; justify-content: flex-start; padding: 10px; } section .title { font-family: 'geomanistmedium', sans-serif; color: #1f4e5a; font-size: 16px; } section .title:lang(ja), section .title:lang(hi), section .title:lang(zh), section .title:lang(th), section .title:lang(ru), section .title:lang(ko), section .title:lang(ar), section .title:lang(vi), section .title:lang(ro), section .title:lang(tr), feature + nav ul:lang(ja), feature + nav ul:lang(hi), feature + nav ul:lang(zh), feature + nav ul:lang(th), feature + nav ul:lang(ru), feature + nav ul:lang(ko), feature + nav ul:lang(ar), feature + nav ul:lang(vi), feature + nav ul:lang(ro), feature + nav ul:lang(tr) { font-weight: 600; font-family: sans-serif; } section .title-row + span { font-family: 'geomanistregular', sans-serif; color: #1f4e5a; font-size: 14px; padding: 0 10px 0; display: block; line-height: 20px; margin-bottom: 20px; } section .title + .more { padding: 0 10px 0; } section .title + .more img { line-height: 1; display: block; } header { display: flex; position: sticky; top: 0; height: 50px; width: 100%; z-index: 4; background: white; justify-content: space-between; } header div, header a { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: inline-flex; -ms-flex-pack: center; justify-content: center; cursor: pointer; } header .menu-button { height: 50px; width: 50px; } header .menu-button img { position: relative; z-index: -1; } header .search, header .login { height: 50px; width: 50px; } header .login img { width: 30px; aspect-ratio: 1/1; border-radius: 50%; } header .login .icon { width: 24px; height: 24px; } header .login .icon.turbo { border: 2px solid #e06290; box-shadow: 0 2px 5px 1px #b99ccf90; } header > img { display: none; cursor: pointer; } header .turbo-link { width: 50px; } header .turbo-link img { width: 24px; height: 24px; } .change-platform { display: none; } .nav-main, .shadow { transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } .nav-main { position: fixed; top: 0; right: 0; bottom: 0; left: -256px; width: 256px; height: auto; z-index: 8; background: white; overflow: auto; } .ad.text div + div, .suggestion-list + .ad, .info + .ad { min-height: 250px; } .list .ad div + div + div, .search .ad div + div + div { min-height: 0; } .ad .title { font-family: 'geomanistregular', sans-serif; font-size: 9px; text-transform: uppercase; text-align: center; color: #757575; align-self: end; grid-auto-rows: min-content; } .select-platform { display: none; } @media (min-width: 1024px) { section .title-row { padding: 10px 20px 20px; } section .title { font-size: 18px; } section .content { padding: 0 20px 15px; } section .title-row + span { padding: 0 20px 10px; } header { max-width: 1396px; margin: auto; left: 0; right: 0; position: relative; height: 80px; } header .menu-button, header .search, header .login { width: 80px; height: 80px; } header .login img { width: 40px; } header .login .icon { width: 30px; height: 30px; } .select-platform { width: 80px; height: fit-content; background: white; position: absolute; z-index: 2; right: 180px; border-radius: 0 0 5px 5px; box-shadow: 0px 4px 4px 4px rgba(0, 0, 0, 0.05); display: none; } .select-platform img { padding: 20px 30px; filter: brightness(0) saturate(100%) invert(58%) sepia(81%) saturate(3812%) hue-rotate(158deg) brightness(95%) contrast(101%); } .select-platform img:first-child { filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(232deg) brightness(101%) contrast(102%); z-index: 1; padding: 30px; } .select-platform:after { content: ''; width: 80px; height: 80px; background: #00aad5; position: absolute; top: 0; left: 0; z-index: 0; } .select-platform img:hover { box-shadow: inset 0 0 0px 3px #00aad5; } .select-platform img:first-child:hover { box-shadow: none; } .ad .ad, .ad.text div + div, .ad div + div, .suggestion-list + .ad { min-height: 100px; } .list .ad div + div, .search .ad div + div { min-height: 100px; } } body { background: #eeeeee; font-family: 'geomanistregular', Tahoma, sans-serif; margin: 0; } .panel { overflow: auto; position: fixed; top: 0; right: -100%; bottom: 0; left: auto; width: 100%; height: auto; z-index: 8; } .nav-main { position: fixed; top: 0; right: 0; bottom: 0; left: -1056px; width: 256px; height: auto; z-index: 8; background: white; overflow: auto; } header .logo { margin: 0 auto 0 0; } header .logo img { height: 24px; left: -10px; top: 2px; position: relative; } section .title + .more img { height: fit-content; transform: scale(0.5); } @media (min-width: 767px) { .panel { position: fixed; top: 0; right: -520px; bottom: 0; left: auto; width: 520px; height: auto; } } @media (min-width: 1024px) { .select-platform.show { display: grid; margin-right: -20px; } .change-platform { transform: rotate(90deg); display: block; position: absolute; right: 154px; top: 0; padding-bottom: 50px; padding-top: 20px; } header .logo img { height: 20px; left: 0; width: auto; } header > img { display: block; filter: brightness(0) saturate(100%) invert(58%) sepia(81%) saturate(3812%) hue-rotate(158deg) brightness(95%) contrast(101%); padding: 30px; margin-right: 0; } header .turbo-link { margin-left: auto; } header .logo { transform: scale(1.5); margin-left: 0; margin-right: auto; height: 57px; padding-top: 10px; width: 108px; justify-content: flex-start; position: relative; left: 40px; } } @media (min-width: 1396px) { header .logo { margin-left: auto; margin-right: -126px; } header:not(:has(.turbo-link)) .logo { margin-right: 408px; margin-left: auto; left: inherit; } } @media (prefers-color-scheme: dark) { body { background: #09191d; } body > .content { background: #0f292f; } header { background: #0f292f; } .select-platform { background: #333333; } section .title { color: white; } section .title-row + span { color: #cddce0; } .nav-main { background: #1f4e5a; } .ad .title { color: #ccc; } section .title + span { color: #ccc; } .panel { background: #102c33; } } @font-face { font-family: 'geomanistmedium'; src: url('https://stc.utdstc.com/fonts/geomanist-medium-webfont-test.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'geomanistregular'; src: url('https://stc.utdstc.com/fonts/geomanist-regular-webfont-test.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; } .popup-turbo { position: fixed; bottom: -20%; left: 0; width: 100%; z-index: 3; background: linear-gradient(-45deg, #b99ccf, #e06290, #b99ccf, #e06290, #ffc94f); background-size: 400% 400%; animation: gradient-login 15s ease infinite, slideIn 1s ease forwards 3s; padding: 10px; color: #fff; font-size: 12px; font-family: 'geomanistregular', sans-serif; box-sizing: border-box; display: flex; gap: 10px; align-items: end; bottom: -100%; min-height: 65px; } @keyframes slideIn { from { bottom: -20%; } to { bottom: 0; } } @keyframes gradient-login { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .popup-turbo svg { opacity: 0.1; width: 300px; position: absolute; height: auto; bottom: -16px; top: 0; left: 0; transform: rotate(-8deg); } .popup-turbo .title { font-family: 'geomanistmedium'; font-size: 16px; } .popup-turbo p b { font-family: 'geomanistmedium'; } .popup-turbo button { background: white; border: 0; border-radius: 10px; padding: 5px 10px; font-family: 'geomanistmedium'; color: #e06290; height: 35px; z-index: 1; word-break: auto-phrase; width: fit-content; min-width: max-content; } .popup-turbo button:lang(ja), .popup-turbo button:lang(hi), .popup-turbo button:lang(zh), .popup-turbo button:lang(th), .popup-turbo button:lang(ru), .popup-turbo button:lang(ko), .popup-turbo button:lang(ar), .popup-turbo button:lang(vi), .popup-turbo button:lang(ro), .popup-turbo button:lang(tr) { font-weight: 600; font-family: sans-serif; } .popup-turbo button:lang(zh), .popup-turbo button:lang(ko), .popup-turbo button:lang(ar) { min-width: 80px; } .popup-turbo .close { background: #fff; padding: 8px; position: absolute; top: -20px; right: 20px; z-index: 2; box-shadow: 0 3px 12px 2px #00000020; border-radius: 50%; width: 20px; height: 20px; cursor: pointer; } .popup-turbo .close:lang(ar) { left: 10px; right: auto; } @media (min-width: 767px) { .popup-turbo { width: 300px; margin: 20px; border-radius: 20px; padding: 20px; right: 0; left: auto; flex-direction: column; font-size: 14px; text-align: center; } .popup-turbo:lang(ar) { left: 0; right: auto; } .popup-turbo svg { width: 95%; bottom: 24px; left: 0; right: 0; margin: auto; transform: rotate(-8deg); } .popup-turbo .title { font-family: 'geomanistmedium'; font-size: 20px; } .popup-turbo button { padding: 10px 10px; height: auto; font-size: 14px; width: 100%; } } .popup-turbo.blackfriday { background: linear-gradient(-45deg, #000, #474747, #686668, #474747, #000); animation: gradient-login2 15s ease infinite, slideIn 1s ease forwards 3s; background-size: 400% 400%; } .popup-turbo.promo .title { opacity: 0; } .popup-turbo.blackfriday button { background: #e06290; color: #fff; } .popup-turbo.promo .offer:before { content: '-50%'; position: absolute; font-size: 30px; font-family: 'geomanistmedium'; top: -23px; left: 154px; color: #ffffff; background: #000; padding: 0 5px; box-shadow: 1px 1px black; z-index: 1; } .popup-turbo.promo .offer:lang(tr):before { content: '-%50'; } .popup-turbo.blackfriday:before { content: 'BLACK FRIDAY'; position: absolute; font-size: 18px; font-family: 'geomanistmedium'; top: -21px; color: #ffffff; background: #000; padding: 0 5px; box-shadow: 1px 1px black; rotate: 354deg; z-index: 1; } .popup-turbo.promo:after { content: 'Uptodown Turbo'; position: absolute; font-size: 16px; font-family: 'geomanistmedium'; top: 1px; left: 17px; color: #ffffff; background: #e06290; padding: 0 5px; box-shadow: 1px 1px black; rotate: 354deg; } @keyframes gradient-login2 { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } #ar .popup-turbo.promo .offer:before { top: -22px; right: 154px; left: auto; direction: ltr; } #ar .popup-turbo.promo:before { right: 13px; left: auto; rotate: 5deg; } #ar .popup-turbo.promo:after { right: 18px; left: auto; rotate: 5deg; } .popup-turbo.cyber { background: linear-gradient(-45deg, #4a668a, #3f51b5, #447aa3, #3f51b5, #4a668a); animation: gradient-login2 15s ease infinite, slideIn 1s ease forwards 3s; background-size: 400% 400%; } .popup-turbo.cyber:before { content: 'CYBER MONDAY'; position: absolute; font-size: 18px; font-family: 'geomanistmedium'; top: -21px; color: #ffffff; background: #4c3e89; padding: 0 5px; rotate: 354deg; z-index: 1; border-radius: 10px; } .popup-turbo.promo.cyber:after { border-radius: 10px; } @media (min-width: 767px) { .popup-turbo.promo .offer:before { top: -8px; left: 154px; font-size: 35px; } .popup-turbo.promo.cyber .offer:before { top: -3px; } .popup-turbo.promo:before { font-size: 26px; left: -13px; z-index: 2; } .popup-turbo.promo:after { font-size: 19px; top: 14px; left: -5px; } .popup-turbo.promo .close { right: 10px; } #ar .popup-turbo.promo .close { left: 10px; right: auto; } #ar .popup-turbo.promo:before { right: -13px; left: auto; } #ar .popup-turbo.promo:after { right: -5px; left: auto; } #ar .popup-turbo.promo .offer:before { top: -6px; left: 52px; right: auto; } } .breadcrumb { font-family: 'geomanistregular', sans-serif; display: inline-block; width: auto; box-sizing: border-box; } .breadcrumb.father::-webkit-scrollbar { display: none; } .breadcrumb a { margin-bottom: 5px; display: inline-block; } .breadcrumb span { color: #7f949a; padding: 3px 0; font-size: 8px; text-transform: uppercase; margin: 1px; } .breadcrumb .path_separator { padding: 0 3px; line-height: 22px; } .breadcrumb > span:not(.path_separator) { font-family: 'geomanistmedium', sans-serif; color: #00aad5; } .breadcrumb > span:not(.path_separator):lang(ja), .breadcrumb > span:not(.path_separator):lang(hi), .breadcrumb > span:not(.path_separator):lang(zh) { font-weight: 600; font-family: sans-serif; } .breadcrumb > span:not(.path_separator):lang(th), .breadcrumb > span:not(.path_separator):lang(ru), .breadcrumb > span:not(.path_separator):lang(ko), .breadcrumb > span:not(.path_separator):lang(ar), .breadcrumb > span:not(.path_separator):lang(vi) { font-weight: 600; font-family: sans-serif; } .breadcrumb > span:not(.path_separator):lang(ro), .breadcrumb > span:not(.path_separator):lang(tr) { font-weight: 600; font-family: sans-serif; } .breadcrumb span:lang(th) { font-size: 12px; } @media (prefers-color-scheme: dark) { .breadcrumb span { } .breadcrumb > span:not(.path_separator) { color: white; } } .breadcrumb.father { height: fit-content; padding: 0 0 0 10px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; width: 100%; -webkit-overflow-scrolling: touch; position: relative; z-index: 1; } @media (min-width: 1024px) { .breadcrumb.father { padding: 0 10px; } } @media (min-width: 1396px) { .breadcrumb.father { padding-top: 0; padding-left: 20px; height: auto; } } .hotlinks { position: relative; z-index: 5; display: flex; align-items: center; background: #edf3f4; } .hotlinks .arrow { display: none; width: 10px; height: 20px; z-index: 3; top: 0px; padding: 0 5px; cursor: pointer; position: absolute; } .hotlinks .arrow.left { left: 0; transform: rotate(180deg); } .hotlinks .right { right: 0; } .hotlinks ul { font-family: 'geomanistregular', sans-serif; z-index: 2; box-sizing: border-box; overflow-x: auto; overflow-y: hidden; padding: 0 10px; margin: 0; white-space: nowrap; flex-grow: 1; scrollbar-width: none; -ms-overflow-style: none; } .hotlinks ul::-webkit-scrollbar { display: none; } .hotlinks ul li { font-size: 8px; display: inline-block; margin: 0 10px 0 0; vertical-align: top; cursor: pointer; text-transform: uppercase; color: #7f949a; line-height: 20px; } .hotlinks ul li img { margin: 0; vertical-align: sub; } @media (min-width: 1024px) { .hotlinks ul { width: calc(100% - 40px); margin: auto; } .hotlinks ul:before { content: ''; width: 40px; height: 100%; display: block; position: absolute; top: 0; left: 0; background: linear-gradient(90deg, rgba(237, 243, 244, 1) 0%, rgba(237, 243, 244, 0) 100%); z-index: 2; } .hotlinks ul:after { content: ''; width: 40px; height: 100%; display: block; position: absolute; right: 0; top: 0; background: linear-gradient(90deg, rgba(237, 243, 244, 0) 0%, rgba(237, 243, 244, 1) 100%); z-index: 2; } .hotlinks ul li { font-size: 10px; margin: 0 10px; } .hotlinks:hover .arrow { display: block; } } @media (prefers-color-scheme: dark) { .hotlinks { background: #1f4e5a; } .hotlinks ul:before { background: linear-gradient(90deg, rgba(31, 78, 90, 1) 0%, rgba(31, 78, 90, 0) 100%); } .hotlinks ul:after { background: linear-gradient(90deg, rgba(31, 78, 90, 0) 0%, rgba(31, 78, 90, 1) 100%); } .hotlinks ul li a { color: #cddce0; } } .detail { font-family: 'geomanistregular', sans-serif; color: #333333; z-index: 1; position: relative; } .detail > div { display: table-cell; vertical-align: top; margin-bottom: 10px; } .gallery-content + .ad, .detail + .ad, .button-group.download + .ad { min-height: 261px; width: 100%; display: grid; align-items: center; grid-template-rows: auto 250px auto; } .ad:not(:has(iframe, img)) .ad-label-turbo { opacity: 0; } .ad-label-turbo { font-size: 10px; text-align: center; display: flex; width: 100%; cursor: pointer; margin: 2px auto 0; justify-content: center; align-items: center; gap: 5px; opacity: 1; transition: opacity 1s ease 1s; } .ad-label-turbo svg { background: #e06290; border-radius: 50%; } .detail .icon { min-width: 120px; height: 114px; } .detail .icon img { max-height: 100px; max-width: 100px; width: auto; height: auto; margin: 0 10px 10px; font-size: 12px; word-break: break-word; border-radius: 10px; } .detail .icon img.broken-img { object-fit: contain; width: 100%; } .detail .info h1 { font-family: 'geomanistmedium', sans-serif; font-size: 28px; line-height: 24px; word-break: break-word; font-weight: initial; line-height: 1; } .detail .info .version { font-family: 'geomanistregular', sans-serif; color: #7f949a; font-size: 16px; font-weight: 300; margin-top: 5px; word-break: break-all; } .detail .info .version span.beta { color: #00aad5; border: 1px solid #00aad5; border-radius: 10px; padding: 2px 5px 2px; font-size: 8px; display: inline-flex; margin: 0 5px; top: -1px; position: relative; } .detail .info .autor { font-family: 'geomanistregular', sans-serif; font-size: 16px; color: #00aad5; margin-bottom: 5px; margin-top: 5px; font-weight: 300; } .detail .info .autor button { font-family: 'geomanistregular', sans-serif; font-size: 16px; color: #00aad5; margin-bottom: 5px; margin-top: 5px; font-weight: 300; background: transparent; border: 0; padding: 0; margin: 0; text-rendering: geometricPrecision; } .detail .info .autor a { padding: 5px 0; } .detail .info > div { margin-top: 3px; } .detail .stats { text-align: center; font-family: 'geomanistregular', sans-serif; display: flex; box-sizing: border-box; font-size: 14px; padding: 0 10px 0; color: #1f4e5a; overflow-y: hidden; white-space: nowrap; width: 100%; -webkit-overflow-scrolling: touch; line-height: 15px; margin: 20px 0 20px; scrollbar-width: none; align-items: center; } .detail .stats::-webkit-scrollbar { display: none; } .detail .stats div.dwstat img { filter: brightness(0) saturate(100%) invert(67%) sepia(1%) saturate(0%) hue-rotate(205deg) brightness(92%) contrast(93%); } .detail .stats div span:first-child { font-size: 20px; font-family: 'geomanistmedium'; display: block; color: #1f4e5a; } .detail .stats div:first-child span, .detail .stats div#detail-rating-id + div span { color: #7f949a; font-family: 'geomanistregular', sans-serif; font-size: 14px; line-height: 20px; } .detail .stats div:first-child span > span, .detail .stats div#detail-rating-id + div span > span { color: #1f4e5a; font-family: 'geomanistmedium', sans-serif; font-size: 20px; } .detail .stats div#detail-rating-id img { width: 15px; height: 15px; aspect-ratio: 1/1; } .detail .stats div#detail-rating-id span { font-size: 20px; line-height: 30px; font-family: 'geomanistmedium'; color: #1f4e5a; } .detail .stats div:last-child img { width: 20px; height: 20px; margin: 9px; } .detail .stats img { filter: brightness(0) saturate(100%) invert(42%) sepia(96%) saturate(1431%) hue-rotate(159deg) brightness(97%) contrast(103%); position: relative; top: 1px; } .detail .stats .blue, .review .title-row { cursor: pointer; } .detail .stats .blue:hover { color: #00aad5; } .detail h2 { font-family: 'geomanistmedium', sans-serif; font-size: 20px; font-weight: 300; padding: 10px; color: #1f4e5a; line-height: 24px; } .detail h2:lang(ja), .detail h2:lang(hi), .detail h2:lang(zh), .detail h2:lang(th), .detail h2:lang(ru), .detail h2:lang(ko), .detail h2:lang(ar), .detail h2:lang(vi), .detail h2:lang(ro) { font-weight: 600; font-family: sans-serif; } .detail h2:lang(tr) { font-weight: 600; font-family: sans-serif; } .detail h2 a { color: #00aad5; } .button-group { display: block; display: flex; flex-direction: column; margin: 20px 10px 20px; gap: 10px; } body.turbo .button-group { margin: 10px; } .button { margin: 0; } .button b, .button h3, .button strong { font-family: 'geomanistmedium', sans-serif; font-size: 16px; line-height: 20px; display: block; align-self: center; } .button h3:lang(ja), .button h3:lang(hi), .button h3:lang(zh), .button h3:lang(th), .button h3:lang(ru), .button h3:lang(ko), .button h3:lang(ar), .button h3:lang(vi), .button h3:lang(ro), .button h3:lang(tr), .button.version:lang(ja), .button.version:lang(hi), .button.version:lang(zh), .button.version:lang(th), .button.version:lang(ru), .button.version:lang(ko), .button.version:lang(ar), .button.version:lang(vi), .button.version:lang(ro), .button.version:lang(tr), .button strong:lang(ja), .button strong:lang(hi), .button strong:lang(zh), .button strong:lang(th), .button strong:lang(ru), .button strong:lang(ko), .button strong:lang(ar), .button strong:lang(vi), .button strong:lang(ro), .button strong:lang(tr) { font-weight: 600; font-family: sans-serif; } .button strong { text-align: left; margin-top: 0; } .button p, .button span { font-size: 10px; font-weight: 300; display: inline-flex; margin-right: 10px; text-transform: capitalize; font-family: 'geomanistregular', sans-serif; margin-top: 5px; } .button p.version, .button span.size { font-family: 'geomanistmedium', sans-serif; } .button.deactivate, .button.register { min-width: 300px; order: 1; flex-shrink: 1; overflow: hidden; } .button.download, .button.last { min-width: 300px; display: grid; grid-template-rows: auto auto; grid-template-columns: auto 1fr; height: 76px; align-content: center; align-items: center; } .button h3, .button strong { line-height: 16px; font-family: 'geomanistmedium', sans-serif; grid-row-start: 1; grid-column-start: 1; grid-row-end: 2; grid-column-end: 3; font-size: 16px; } .button p.version { grid-row-start: 2; grid-column-start: 1; grid-row-end: 3; grid-column-end: 2; width: max-content; } .button span.size { grid-row-start: 2; grid-column-start: 2; grid-row-end: 3; grid-column-end: 3; } .button.last, .button.secondary { background: #00aad5; } .button.secondary { font-family: 'geomanistmedium', sans-serif; order: 1; display: none; margin-right: 10px; margin-bottom: 10px; font-size: 16px; flex-direction: column; box-sizing: border-box; height: 60px; line-height: 20px; padding-top: 13px; border: 1px solid #00aad5; color: #00aad5; background: transparent; } .button.secondary:lang(ja), .button.secondary:lang(hi), .button.secondary:lang(zh), .button.secondary:lang(th), .button.secondary:lang(ru), .button.secondary:lang(ko), .button.secondary:lang(ar), .button.secondary:lang(vi), .button.secondary:lang(ro), .button.secondary:lang(tr) { font-weight: 600; font-family: sans-serif; } .button.secondary span { font-size: 8px; color: #b8b3ce; float: right; margin: 0; text-align: left; line-height: 1; text-transform: lowercase; } .button.secondary span img { margin: 0 0 2px 2px; float: none; vertical-align: middle; } .button.secondary.type-3 { background: rgb(255, 70, 29); background: linear-gradient(180deg, rgba(255, 70, 29, 1) 0%, rgba(255, 121, 3, 1) 100%); color: white; border: 0; display: inline-flex; max-width: none; min-width: 200px; margin: 0; vertical-align: top; order: 2; flex-direction: column; justify-content: center; height: 76px; gap: 2px; } .button.secondary.type-3 span { color: white; } .button.secondary.type-3 span img { transform: scale(1.1); margin-left: -4px; margin-right: -4px; } .button.download, .button.last { cursor: pointer; } .button.deactivate { display: grid; margin-right: 10px; border: 1px dashed #00aad5; color: #00aad5; padding: 16px; } .button.register { display: grid; color: #fff; padding: 16px; background: #00aad5; cursor: pointer; box-sizing: border-box; min-height: 76px; -webkit-tap-highlight-color: transparent; } .button.register + p { padding: 0 10px 10px; font-size: 12px; font-family: 'geomanistregular', sans-serif; color: #1f4e5a; } .button.register + p span { color: #00aad5; cursor: pointer; font-family: 'geomanistmedium', sans-serif; } .button.register.on { border: 1px solid #00aad5; color: #00aad5; padding: 16px; background: #fff; } .button.register.on .icon { display: none; } .button.register .icon { position: absolute; right: 20px; top: 0; bottom: 0; margin: auto; } .button.download.external { padding: 16px; } .button.download.external strong { margin: 0; } .button.deactivate b { display: table-cell; vertical-align: middle; font-size: 20px; } .button.deactivate p { display: table-footer-group; text-align: center; margin: 2px 0 0; font-size: 12px; } .button.deactivate p span { margin: 0 2px; } .button.deactivate span { font-weight: 600; } .button.deactivate strong, .button.register strong { text-align: center; padding: 0; margin-top: 0; } .button.deactivate + span { font-size: 12px; display: block; margin: 0 10px 10px; color: #999; text-align: center; } .button.deactivate + span a { font-weight: 600; cursor: pointer; text-decoration: underline; color: #0081a2; } .button.download { background: #4caf50; } .button.download.xapk p { padding: 0; font-size: 8px; margin: 5px 0; vertical-align: middle; text-transform: uppercase; display: flex; align-items: center; } html:lang(zh) .button.download.xapk p, html:lang(ko) .button.download.xapk p, html:lang(tr) .button.download.xapk p, html:lang(ja) .button.download.xapk p { margin: 0; display: block; line-height: 2; } .button.download.xapk p img { margin: -1px 3px 0 6px; filter: brightness(0) saturate(100%) invert(98%) sepia(0%) saturate(2%) hue-rotate(14deg) brightness(118%) contrast(100%); } .button.download.xapk p img + img { margin: auto; top: 0; bottom: 0; } html:lang(ko) .button.download.xapk p img, html:lang(tr) .button.download.xapk p img, html:lang(hi) .button.download.xapk p img { margin-left: 0; } html:lang(hi) .button.download.xapk p { line-height: 0; } html:lang(zh) .button.download.xapk p img.svg, html:lang(tr) .button.download.xapk p img.svg, html:lang(ja) .button.download.xapk p img.svg { margin: auto; } .button-group:has(.sponsor) button.variants { height: auto; width: fit-content; margin-bottom: 0; } .button-group:has(.sponsor):has(.external-notice), .button-group:has(.sponsor):has(.variants) { display: flex; flex-direction: column-reverse; } .button-group:has(.xapk) .button.variants { margin: 0; } .c2 .ad { display: none; } body:not(.turbo) .button.last { opacity: 0.5; pointer-events: none; cursor: not-allowed; animation-duration: 1s; animation-name: activateButton; animation-fill-mode: forwards; animation-delay: 2s; animation-timing-function: cubic-bezier(0.42, 0, 0, 0.99); } body:not(.turbo, .direct) .button.download { background: #4caf5080; pointer-events: none; cursor: not-allowed; } body:not(.turbo, .direct) .button.download.active { animation-duration: 1s; animation-name: activateButton2; animation-fill-mode: forwards; animation-delay: 3s; animation-timing-function: cubic-bezier(0.42, 0, 0, 0.99); } body:not(.turbo, .direct) .button.download .by { animation-duration: 1s; animation-name: moveBy; animation-fill-mode: forwards; animation-delay: 3s; animation-timing-function: cubic-bezier(0.42, 0, 0, 0.99); } body:not(.turbo) .versions .content { opacity: 0.5; pointer-events: none; cursor: not-allowed; animation-duration: 1s; animation-name: activateButton; animation-fill-mode: forwards; animation-delay: 3s; animation-timing-function: cubic-bezier(0.42, 0, 0, 0.99); } body:not(.turbo) .button.last .svg { opacity: 0; animation-duration: 1s; animation-name: activateSvg; animation-fill-mode: forwards; animation-delay: 2s; animation-timing-function: cubic-bezier(0.42, 0, 0, 0.99); } body:not(.turbo, .direct) .button.download .svg { opacity: 0; } body:not(.turbo, .direct) .button.download.active .svg { animation-duration: 1s; animation-name: activateSvg; animation-fill-mode: forwards; animation-delay: 3s; animation-timing-function: cubic-bezier(0.42, 0, 0, 0.99); } @keyframes activateButton { 0% { opacity: 0.5; } 100% { opacity: 1; pointer-events: auto; cursor: pointer; } } @keyframes activateButton2 { 0% { background: #4caf5080; } 100% { background: #4caf50; pointer-events: auto; cursor: pointer; } } @keyframes activateSvg { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes moveBy { 0% { right: 0; } 100% { right: -300px; } } .xapk-notice button:lang(th), .xapk-notice button:lang(ru), .xapk-notice button:lang(ko) { font-weight: 600; } .xapk-notice button:lang(ja), .xapk-notice button:lang(hi) { font-weight: 600; line-height: 14px; } .xapk-notice button:lang(zh) { font-weight: 600; margin: 0; line-height: 14px; } .button.version { font-family: 'geomanistmedium', sans-serif; border: 1px solid #00aad5; color: #00aad5; font-size: 10px; text-transform: uppercase; padding: 10px; display: block; text-align: center; order: 3; flex-shrink: 0; background: transparent; } .button.badge { font-family: 'geomanistregular', sans-serif; border: 1px solid #7f949a; color: #7f949a; border-radius: 10px; padding: 3px 10px 3px; font-weight: 400; font-size: 8px; display: inline-flex; text-transform: uppercase; float: left; box-sizing: border-box; margin: 0; } article { color: #1f4e5a; padding: 10px; font-family: 'geomanistregular', sans-serif; font-size: 14px; line-height: 2; clear: both; margin-bottom: 30px; } article:lang(hi), article:lang(th), article:lang(ru), article:lang(ar), article:lang(vi), article:lang(ro) { font-family: sans-serif; } article b { font-family: 'geomanistmedium', sans-serif; } article h2 { font-family: 'geomanistmedium', sans-serif; font-size: 16px; } article h2:lang(ja), article h2:lang(hi), article h2:lang(zh), article h2:lang(th), article h2:lang(ru), article h2:lang(ko), article h2:lang(vi), article h2:lang(ro) { font-weight: 600; font-family: sans-serif; } article h2 span { font-family: 'geomanistregular', sans-serif; } body:not(.turbo) .loader { position: absolute; top: 0; bottom: 0; margin: auto; right: 20px; width: 24px; height: 24px; aspect-ratio: 1; border-radius: 50%; border: 2px solid #fff; z-index: 4; animation: l20-1 0.8s infinite linear alternate, l20-2 1.6s infinite linear; } body:not(.turbo) #ar .loader { right: auto; left: 20px; } body:not(.turbo) .active .loader { animation: l20-1 0.8s infinite linear alternate, l20-2 1.6s infinite linear, hideLoader 0s 3s forwards; z-index: 4; } body:not(.turbo) .loader-get, .loader-register { position: absolute; top: 0; bottom: 0; margin: auto; right: 20px; width: 24px; height: 24px; aspect-ratio: 1; border-radius: 50%; border: 2px solid #fff; animation: l20-1 0.8s infinite linear alternate, l20-2 1.6s infinite linear, hideLoader 0s 2s forwards; } body:not(.turbo) #ar .loader-get, #ar .loader-register { right: auto; left: 20px; } .button-group:has(.loader-register) { position: relative; min-height: 76px; margin-bottom: 10px; } .button-group:has(.loader-register.hidden) { min-height: 0; } .loader-register { position: absolute; margin: 15px auto; left: 0; right: 0; top: 10px; bottom: 0; border: 2px solid #00aad5; animation: l20-1 0.8s infinite linear alternate, l20-2 1.6s infinite linear, hideLoader 0s 120s forwards; } @keyframes l20-1 { 0% { clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%); } 12.5% { clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%); } 25% { clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%); } 50% { clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%); } 62.5% { clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%); } 75% { clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%); } 100% { clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%); } } @keyframes l20-2 { 0% { transform: scaleY(1) rotate(0deg); } 49.99% { transform: scaleY(1) rotate(135deg); } 50% { transform: scaleY(-1) rotate(0deg); } 100% { transform: scaleY(-1) rotate(-135deg); } } @keyframes hideLoader { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } .item-row .content { width: 100%; height: auto; box-sizing: border-box; overflow-x: auto; overflow-y: hidden; margin: 0; white-space: nowrap; -webkit-overflow-scrolling: touch; display: inline-flex; position: relative; } .item-row:not(.gallery) .buttons { display: none; } .item { min-width: 100px; width: 100px; height: 100%; position: relative; vertical-align: top; margin: 0 10px 10px 0; white-space: normal; line-height: 1.2; } .item figure { width: auto; height: 100px; text-align: center; cursor: pointer; } .item figure img { max-height: 100px; max-width: 100px; width: auto; height: auto; border-radius: 10px; } .item div.name { font-family: 'geomanistmedium', sans-serif; color: #1f4e5a; font-size: 12px; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-align: center; } .item div.description { font-family: 'geomanistregular', sans-serif; color: #7f949a; font-size: 12px; margin-top: 5px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-align: center; } .item > img { position: absolute; top: 0; right: auto; bottom: auto; left: -1px; z-index: 1; } .item-row .more { padding: 0; -webkit-appearance: none; border: 0; z-index: 1; position: relative; background: transparent; cursor: pointer; vertical-align: middle; } .item-row .more img { transform: scale(0.5); } .external-notice { color: #7f949a; font-size: 10px; font-weight: 300; position: relative; display: flex; } .external-notice img { margin: 0 10px; } .external-notice p { margin-top: 4px; } .detail-info { margin: 0 10px; background: aliceblue; padding: 10px; border-radius: 10px; } .detail-info.info .content tbody { grid-template-columns: 100%; font-size: 14px; } .detail-info.info .content tbody tr td:nth-child(2) { margin: 3px 0 0px 42px; } #ar .detail-info.info .content tbody tr td:nth-child(2) { margin: 3px 42px 0 0; } .detail-info.info .content tbody tr td:nth-child(3) { padding: 0; } #ar .detail-info.info .content tbody tr td { margin: 0; } #ar .detail-info.info .content tbody tr td:nth-child(3) { padding: 0 50px 0 10px; } .detail-info.info .content tbody tr td { padding: 0; margin-bottom: 15px; } .detail-info.info .content tbody tr.full { grid-column-start: 1; grid-column-end: 2; } .detail-info.info .content tbody tr td img { width: 30px; height: 30px; } .info + .ad, .button-group.download + .ad { margin: 17px auto; } @media (max-width: 360px) { .detail-info.info .content tbody tr { grid-column-start: auto; grid-column-end: auto; } } @media (min-width: 768px) { .detail-info.info .content tbody { grid-template-columns: 25% 25% 25% 25%; } .detail-info.info .content tbody tr.full { grid-column-start: auto; grid-column-end: auto; } } @media (min-width: 1396px) { .detail-info.info { margin: 0 20px; } .detail-info.info .content tbody tr td img { width: 40px; height: 40px; } .detail-info.info .content tbody tr td:nth-child(2) { margin: 3px 0 0px 52px; } #ar .detail-info.info .content tbody tr td:nth-child(2) { margin: 3px 52px 0 0; } .detail-info.info .content tbody tr td:nth-child(3) { padding: 0 10px; } } @media (min-width: 425px) { .button.deactivate + span { text-align: left; margin: 0 10px 10px; } section { clear: both; } .button.version { margin-top: 0; } .xapk-notice { width: 322px; box-sizing: border-box; margin-right: 0; } .button-group:has(.sponsor) button.variants { position: absolute; top: 35px; left: 335px; } .button-group.download:has(.loader-register) { float: none; max-width: 200px; height: 76px; } .button-group.download:has(.hidden.loader-register) { max-width: fit-content; } .button-group.download:has(.loader-register):has(p) { margin-bottom: 10px; } .button-group.download .button-group.download { float: none; margin-bottom: 0; max-width: 200px; } .button.register + p { width: 140%; clear: both; } } @media (min-width: 768px) { .button-group { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-end; margin: 10px; gap: 10px; flex-wrap: nowrap; } .button-group:has(.button.version) { flex-wrap: wrap; } .detail:has(+ .gallery-content .gallery) h2:after { display: none; } article .text-description p { margin-bottom: 20px; } } @media (min-width: 1396px) { .detail { padding: 10px 20px 20px; } .detail > div { margin-bottom: 0px; } .gallery-content + .ad, .detail-info + .ad, .button-group.download + .ad { grid-template-rows: 1fr minmax(100px, auto) 1fr; min-height: auto; } .detail .icon img { margin: 0; } .detail .info h1 { font-size: 36px; line-height: 32px; } .detail .info .version { font-size: 14px; } .detail .info .version span.beta { vertical-align: middle; margin: 0 5px 5px; top: 1px; } .detail .info .autor, .detail .info .autor button { margin-bottom: 2px; font-size: 14px; } .detail h2 { font-size: 16px; margin: 5px 0; padding: 10px 0 0; } body.turbo .detail h2 { margin: 5px 0 0; } .detail .stats { font-size: 14px; padding: 0; line-height: 20px; } .detail .stats div { padding: 0 20px; } .detail .stats div:last-child img { margin: 9px; } .detail .stats div#detail-rating-id span { line-height: 40px; } .button.deactivate { min-width: 300px; } .button.register { margin: 20px 0; } .button.register + p { padding: 0 20px 0; top: -10px; position: relative; } .button.secondary { display: inline-flex; max-width: none; min-width: 200px; margin: 0; vertical-align: top; order: 2; flex-direction: column; justify-content: center; height: 76px; font-size: 18px; } .button.secondary span { margin: 3px 0 0; } .button.deactivate + span { text-align: left; margin: -10px 20px 20px; } .button.secondary + .button.version { margin-bottom: 0; margin-left: 0; } article { padding: 20px; font-size: 16px; } article h2 { font-family: 'geomanistmedium', sans-serif; font-size: 18px; } .xapk-notice { margin: 0 10px 10px 10px; width: 300px; box-sizing: border-box; } .detail .info span.onBoard, .button.badge { margin: 5px 5px 0 0; } .external-notice img { margin: 0 10px 0 20px; } .item-row { max-width: 1396px; margin: 0 auto 40px; } .item { margin-right: 22px; } .button-group { margin: 20px 0 20px 20px; gap: 20px; flex-wrap: nowrap; } body.turbo .button-group { margin: 0 20px 20px; } .button-group:has(.button.version) { flex-wrap: nowrap; } .button-group:has(.sponsor) .button { margin-bottom: 5px; } .button-group:has(.sponsor) .button { position: absolute; width: fit-content; top: 0; } .button-group:has(.sponsor) .button.secondary { width: fit-content; position: absolute; top: 0; left: 320px; } body .button-group.middle { margin: 20px; } .button.download.xapk p { margin: 5px 0 0; } .button h3, .button strong { font-size: 18px; } .button-group.download:has(.loader-register) { margin: 20px; align-items: center; } body.turbo .button-group.download:has(.loader-register) { margin: 0 20px 20px; } } @media (min-width: 1396px) { .c1 .item-row .content { display: flex; height: 220px; flex-wrap: inherit; scroll-padding: 0 0 20px 20px; scrollbar-color: #00aad5 #eeeeee; scrollbar-width: thin; scroll-snap-type: x mandatory; } .c1 .item-row.categories .content { height: fit-content; flex-wrap: wrap; } .c1 .item-row .content::-webkit-scrollbar { height: 5px; } .c1 .item-row .content:hover::-webkit-scrollbar { height: 10px; } .c1 .item-row .content::-webkit-scrollbar-thumb { background: #00aad5; border-radius: 100px; height: 2px; cursor: pointer; } .c1 .item-row .content::-webkit-scrollbar-track { background: #eee; height: 7px; border-radius: 100px; } .c2 { display: flex; flex-direction: column; } .c2 .ad { display: block; } .c2 .item-row .content { flex-direction: column; padding: 0 0 20px; overflow: hidden; } .c2 .item { width: 100%; display: grid; row-gap: 5px; column-gap: 10px; justify-items: start; grid-template-rows: 20px auto; grid-template-columns: 60px 1fr; margin: 0; } .c2 .item::after { content: ''; width: 100%; height: 100%; border-radius: 10px; opacity: 0; z-index: -1; position: absolute; background: #edf3f4; transition: opacity 0.3s, transform 0.3s; } .c2 .item:hover::after { opacity: 1; transform: scale(1); } .c2 .item figure { grid-row-start: 1; grid-column-start: 1; grid-row-end: 3; grid-column-end: 2; height: auto; margin: 5px 5px 10px; } .c2 .item figure img { width: 60px; } .c2 .item .name { grid-row-start: 1; grid-column-start: 2; grid-row-end: 2; grid-column-end: 3; margin-top: 5px; } .c2 .item .description { grid-row-start: 2; grid-column-start: 2; grid-row-end: 3; grid-column-end: 3; margin: 0; } } @media (prefers-color-scheme: dark) { :root { --text-color: #cddce0; } .detail .icon img { color: var(--text-color); } .detail .info h1, .detail h2 { color: white; } .detail .stats { color: var(--text-color); } .button.version { border: 1px solid white; color: white; } .button.badge { border: 1px solid white; color: white; } article { color: var(--text-color); } .item div.name { color: #fff; } .item div.description { color: var(--text-color); } .item figure img { color: white; } .item-row .more { color: white; } .c1 .item-row .content::-webkit-scrollbar-track { background: #333; } .button.register.on { background: transparent; } .button.register + p { color: var(--text-color); } .detail .stats div:first-child span > span, .detail .stats div span:first-child, .detail .stats div#detail-rating-id + div span > span, .detail .stats div#detail-rating-id span { color: white; } .detail .stats div:first-child span { color: var(--text-color); } .detail-info { background: #1f4e5a; } .ad-label-turbo { color: white; } .c2 .item:hover::after { opacity: 0.1; } .detail .stats div:first-child span, .detail .stats div#detail-rating-id + div span, .detail .stats div { color: var(--text-color); } .detail .stats div.dwstat { color: var(--text-color); } } .sticky_ad { display: none; } .detail .info span.onBoard { color: #1f4e5a; background: #ffc94f; border-radius: 10px; padding: 3px 10px 3px; font-weight: 400; font-size: 8px; display: inline-flex; text-transform: uppercase; float: left; margin: 5px 5px 10px 0; border: 1px solid #ffc94f; cursor: pointer; } .button.register { padding: 16px 56px 16px 16px; } .button.register.detail .info { padding: 0 10px 10px 0; } .detail .info .autor a { margin-right: 5px; } .detail .info .autor button { text-align: left; } .detail .stats img { margin-right: 5px; vertical-align: initial; } .detail .stats div { border-left: 1px solid #a4c0c7; padding: 0 20px; min-width: 80px; color: #7f949a; line-height: 20px; } .detail .stats div:first-child { border: none; cursor: pointer; padding-left: 0; } .button.download, .button.last { box-sizing: border-box; border: 0; padding: 10px 50px 10px 20px; } .button { padding: 10px 20px; display: inline-block; vertical-align: bottom; color: white; border-radius: 10px; z-index: 1; position: relative; } .button.download, .button.last, .button.deactivate { text-align: left; } .button .svg { position: absolute; right: 20px; top: 0; bottom: 0; margin: auto; } .button.download, .button.last, .button.deactivate { text-align: left; } .button.secondary.type-3 { padding-right: 60px; } .button.variants { font-family: 'geomanistmedium', sans-serif; border: 1px solid #4caf50; min-width: max-content; margin-top: 0; color: #4caf50; font-size: 10px; text-transform: uppercase; padding: 10px; background: transparent; padding-left: 30px; order: 4; } .button.variants .svg { left: 10px; filter: invert(56%) sepia(68%) saturate(387%) hue-rotate(73deg) brightness(92%) contrast(90%); right: auto; } article .reviewer { display: flex; flex-direction: column; gap: 2px; padding-left: 50px; position: relative; margin: 0 0 20px; } article .reviewer img { position: absolute; border-radius: 10px; left: 0; } article .reviewer div { line-height: 1; font-size: 12px; color: #7f949a; } article .reviewer a.name { font-family: geomanistmedium, sans-serif; color: #1f4e5a; line-height: 1; font-size: 12px; width: max-content; } article .reviewer div.text { font-size: 8px; color: #7f949a; } @media (min-width: 425px) { .button-group:has(.sponsor) button.variants { position: absolute; top: 35px; left: 335px; } .loader-register { left: 125px; top: 5px; } .button.register { padding: 16px 56px 16px 16px; float: left; } } @media (min-width: 1396px) { .c1 { width: 1000px; float: left; padding-bottom: 20px; } .c2 { width: 336px; float: right; margin-right: 20px; } .c2 section .title-row { padding-left: 0; padding-top: 20px; } .c2 .item .name, .c2 .item .description { text-align: left; } .detail .stats img { vertical-align: initial; } .ad.text { min-width: 360px; min-height: 250px; float: left; margin: 0 20px 10px 0; } .button.variants { margin: 0; } .button-group:has(.sponsor) button.variants { top: 45px; left: 330px; } .button-group:has(.sponsor):has(.secondary) button.variants { top: 45px; left: 535px; } .loader-register { left: 45%; top: 0px; bottom: 0px; margin: auto; } } @media (min-width: 1396px) { .detail .stats img { vertical-align: initial; } .ad.text { min-width: 360px; min-height: 250px; float: left; margin: 0 20px 10px 0; } } @media (prefers-color-scheme: dark) { .button.variants { border: 1px solid white; color: white; } .button.variants .svg { filter: brightness(0) invert(1); } article .reviewer div.name { color: white; } article .reviewer a.name { color: white; } } .gallery { overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; display: inline-flex; width: 100%; height: 170px; padding: 10px; box-sizing: border-box; scrollbar-width: none; } .gallery::-webkit-scrollbar { display: none; } .gallery div img { width: auto; height: 150px; border-radius: 10px; border: 1px solid #ccc; min-height: 100px; font-size: 10px; overflow: hidden; white-space: break-spaces; text-align: center; } @media (min-width: 768px) { .gallery { padding: 0 10px; } } @media (min-width: 1024px) { .gallery { padding: 0 10px 10px; min-height: 102px; overflow-x: auto; scrollbar-color: #00aad5 #eeeeee; scrollbar-width: thin; height: 220px; } .gallery div img { height: 200px; } .gallery::-webkit-scrollbar { height: 5px; cursor: pointer; } .gallery:hover::-webkit-scrollbar { height: 10px; } .gallery::-webkit-scrollbar-thumb { background: #00aad5; border-radius: 100px; height: 2px; cursor: pointer; } .gallery::-webkit-scrollbar-track { background: #eee; height: 7px; border-radius: 100px; } } @media (min-width: 1396px) { .gallery { padding: 0 20px 10px; } } @media (prefers-color-scheme: dark) { .gallery div img { border: 0; } .gallery::-webkit-scrollbar-track { background: #333; } .gallery { scrollbar-color: #00aad5 #333; } } .gallery div { margin-right: 10px; cursor: pointer; padding-right: 2px; } </style> </head> <body > <div class="content" > <div class="hotlinks"> <img class="arrow left" id="horizontal-scroll-arrow-left" alt="" width="24" height="24" src="https://stc.utdstc.com/img/icons-nolazy.svg#icon-bar-arrow"> <ul id="horizontal-link-list"> <li> <img fetchpriority="high" alt="Trending" src=" https://stc.utdstc.com/img/svgs/icon-12-hotlink.svg" height="12" width="12"> </li> <li> <a href="https://whatsapp-desktop.en.uptodown.com/mac">WhatsApp Desktop</a> </li> <li> <a href="https://en.uptodown.com/mac/open-source-apps">Open-Source Apps</a> </li> <li> <a href="https://chatgpt.en.uptodown.com/mac">ChatGPT</a> </li> <li> <a href="https://zerotier.en.uptodown.com/mac">ZeroTier</a> </li> <li> <a href="https://en.uptodown.com/mac/games">Games</a> </li> <li> <a href="https://android-file-transfer.en.uptodown.com/mac">Android File Transfer</a> </li> <li> <a href="https://sabnzbd.en.uptodown.com/mac">SABnzbd</a> </li> <li> <a href="https://en.uptodown.com/mac/vpn-apps">VPN Apps</a> </li> <li> <a href="https://ffworks.en.uptodown.com/mac">ffWorks</a> </li> <li> <a href="https://pocket-casts.en.uptodown.com/mac">Pocket Casts</a> </li> <li> <a href="https://en.uptodown.com/mac/open-source-games">Open-Source Games</a> </li> <li> <a href="https://tencent-weiyun.en.uptodown.com/mac">Tencent Weiyun</a> </li> <li> <a href="https://multiviewer.en.uptodown.com/mac">Multiviewer</a> </li> <li> <a href="https://en.uptodown.com/mac/dj-apps">DJ Apps</a> </li> <li> <a href="https://opera-air.en.uptodown.com/mac">Opera Air</a> </li> </ul> <img class="arrow right" id="horizontal-scroll-arrow-right" alt="" width="24" height="24" src="https://stc.utdstc.com/img/icons-nolazy.svg#icon-bar-arrow"> </div> <header> <div id="menu-button-id" class="menu-button"> <img fetchpriority="high" alt="Menu icon" width="24" height="24" src="https://stc.utdstc.com/img/icons-nolazy.svg#icon-bar-menu"> </div> <a href="https://en.uptodown.com/mac" class="logo"> <picture> <source srcset="https://stc.utdstc.com/img/svgs/logo-uptodown-dark.svg " media="(prefers-color-scheme: dark)"/> <img fetchpriority="high" height="20" width="157" src="https://stc.utdstc.com/img/svgs/logo-uptodown.svg" data-src="https://stc.utdstc.com/img/svgs/logo-uptodown.svg" alt="Download, discover, share"> </picture> </a> <div class="turbo-link"><img alt="Subscribe to Uptodown Turbo" width=20 height=20 src="https://stc.utdstc.com/img/svgs/icon-24-turbo2.svg" fetchpriority="high"></div> <img alt="Go to Mac platform" width="20" height="20" src="https://stc.utdstc.com/img/icons-nolazy.svg#icon-20-mac"> <img id="change-platform-button" class="change-platform" alt="Display platforms icon" width="10" height="10" src="https://stc.utdstc.com/img/icons-nolazy.svg#icon-bar-arrow"> <div id="select-platform" class="select-platform"> <img alt="Go to Mac platform" class="platform-selection" data-href="https://en.uptodown.com/mac" width="20" height="20" src="https://stc.utdstc.com/img/icons-nolazy.svg#icon-20-mac"> <img alt="Go to Windows platform" class="platform-selection" data-href="https://en.uptodown.com/windows" width="20" height="20" src="https://stc.utdstc.com/img/icons-nolazy.svg#icon-20-windows"> <img alt="Go to Android platform" class="platform-selection" data-href="https://en.uptodown.com" width="20" height="20" src="https://stc.utdstc.com/img/icons-nolazy.svg#icon-20-android"> </div> <div id="search-button" class="search"> <img fetchpriority="high" alt="Search icon" width="20" height="20" src="https://stc.utdstc.com/img/icons-nolazy.svg#icon-bar-search"> </div> <div id="reg-log-header-item-id" class="login" onclick="addEventAnalytics('login-popup-continue', {'event_category': 'login-popup'});"> <img fetchpriority="high" class="icon" height="24" width="24" src="https://stc.utdstc.com/img/icons-nolazy.svg#icon-24-login" alt="login"> </div> </header> <form id="searchForm" class="f-search hidden" action="https://en.uptodown.com/mac/search" method="post"> <button aria-label="Search" name="singlebutton" type="submit"> <img alt="Search icon" loading="lazy" width="20" height="20" src="https://stc.utdstc.com/img/icons-nolazy.svg#icon-bar-search"> </button> <input required id="buscador" name="q" placeholder="Search software" type="text" autocomplete="off"> <div id="closeSearchForm"> <img class="close" alt="Close icon" loading="lazy" width="20" height="20" src="https://stc.utdstc.com/img/svgs/icon-bar-close.svg"> </div> </form> <ul id="lookup_suggest" class="hidden suggestion-list"></ul> <div class="breadcrumb father"> <a href="https://en.uptodown.com/mac"> <span>Mac</span> </a> <span class="path_separator">/</span> <div class="breadcrumb"> <a href="https://en.uptodown.com/mac/multimedia"> <span >Multimedia</span> </a> <span class="path_separator">/</span> <div class="breadcrumb"> <a href="https://en.uptodown.com/mac/design-edition"> <span >Design & editing</span> </a> <span class="path_separator">/</span> <div class="breadcrumb"> <span >draw.io</span> </div></div></div></div> <main> <div class="c1"> <div class="detail"> <div class="icon"> <img fetchpriority="high" decoding="async" width="100" height="100" alt="draw.io icon" src="https://img.utdstc.com/icon/d7c/525/d7c525a7a2ceb806fe8acd1929f2eeb36a04fefd5b9b48f394f98287edc72ea5" srcset="https://img.utdstc.com/icon/d7c/525/d7c525a7a2ceb806fe8acd1929f2eeb36a04fefd5b9b48f394f98287edc72ea5:100, https://img.utdstc.com/icon/d7c/525/d7c525a7a2ceb806fe8acd1929f2eeb36a04fefd5b9b48f394f98287edc72ea5:200 2x " onerror="this.onerror=null;this.src='https://stc.utdstc.com/img/no-img.png'; this.srcset='https://stc.utdstc.com/img/no-img.png';this.classList.add('broken-img');" > </div> <div class="info"> <h1 id="detail-app-name" data-code="1944103"> draw.io</h1> <div class="version">24.7.8</div> <div class="autor"> <button id="author-link" onclick="addEventAnalytics('authorLink', {'event_category': 'author'});" data-organization-slug="draw-io" > Draw.io</button> </div> </div> <div class="stats"> <div id="detail-rating-id"> <a href="#rating" onclick="addEventAnalytics('rating', {'event_category': 'app'});"> <img fetchpriority="high" alt="" width="12" height="12" src="https://stc.utdstc.com/img/icons-nolazy.svg#icon-12-star"> <span id="rating-inner-text">0</span> </a> </div> <div> <span id="show-comments_app" class="blue" onclick="addEventAnalytics('comments', {'event_category': 'app'});"> <span>0</span> reviews </span> </div> <div class="dwstat"> <span>1.6 k </span><span>downloads</span></div> <div> <span id="virus-total-report" class="blue" data-file-id="1028150813"> <img alt="" width="12" height="12" src="https://stc.utdstc.com/img/icons-nolazy.svg#icon-12-shield"> </span> </div> </div> <h2 >Makes creating diagrams a piece of cake</h2> </div> <div class="gallery-content"> </div> <div class="ad"> <div class="title"> Advertisement </div> <div id="header_ad" class="ad" onclick="addEventAnalytics('adex_detail', {'event_category': 'ads'});"> </div> <span class="ad-label-turbo turbo-link" onclick="addEventAnalytics('ad_large', {'event_category': 'turbo-landing'});">Remove ads and more with Turbo<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"> <defs> <linearGradient x1=".146" x2="1" y1=".198" y2=".876" gradientUnits="objectBoundingBox"> <stop offset="0" stop-color="#e06290"/> <stop offset="1" stop-color="#b99ccf"/> </linearGradient> </defs> <g data-name="Grupo 4302" transform="translate(-240 -14)"> <circle cx="7" cy="7" r="7" fill="url(#a)" data-name="Elipse 590" transform="translate(240 14)"/> <g data-name="Grupo 4281"> <path fill="#fff" d="M249.304 17.429h-2.446a.184.184 0 0 0-.154.084l-2.16 3.368a.183.183 0 0 0 .157.283h1.613l-1.468 3.149a.182.182 0 0 0 .293.2l4.224-4.211a.183.183 0 0 0-.128-.31h-1.193l1.416-2.285a.182.182 0 0 0-.154-.277Z" data-name="Layer 22"/> </g> </g> </svg> </span> </div> <div class="button-group download"> <a class="button last" href="https://draw-io.en.uptodown.com/mac/download" title="download draw.io free" onclick="addEventAnalytics('lastVersion', {'event_category': 'app'});"> <h3>Get the latest version</h3> <p class="version">24.7.8</p> <p>Sep 25, 2024</p> <img class="svg" alt="" width="20" height="20" src="https://stc.utdstc.com/img/icons-nolazy.svg#icon-20-download-button"> <div class="loader-get"></div> </a> <a class="button version" href="#versions" onclick="addEventAnalytics('otherVersion', {'event_category': 'app'});"> Older versions </a> </div> <div class="gallery"> <div style="height:max-content; width:auto"> <picture> <source id="source-1" media="(max-width:995px)" srcset="https://img.utdstc.com/screen/55b/938/55b9389c3b9407fd0f5114f5accc1e50e44182141cfe5f8bef401d7ea7e0cde6:150, https://img.utdstc.com/screen/55b/938/55b9389c3b9407fd0f5114f5accc1e50e44182141cfe5f8bef401d7ea7e0cde6:300 2x"> <source id="source2-1" media="(min-width:996px)" srcset="https://img.utdstc.com/screen/55b/938/55b9389c3b9407fd0f5114f5accc1e50e44182141cfe5f8bef401d7ea7e0cde6:200, https://img.utdstc.com/screen/55b/938/55b9389c3b9407fd0f5114f5accc1e50e44182141cfe5f8bef401d7ea7e0cde6:400 2x"> <img height="150" width="376" alt="draw.io screenshot 1" class="screenshot" data-screen-src="https://img.utdstc.com/screen/55b/938/55b9389c3b9407fd0f5114f5accc1e50e44182141cfe5f8bef401d7ea7e0cde6:300" data-src-large="https://img.utdstc.com/screen/55b/938/55b9389c3b9407fd0f5114f5accc1e50e44182141cfe5f8bef401d7ea7e0cde6:800" id="1" src="https://img.utdstc.com/screen/55b/938/55b9389c3b9407fd0f5114f5accc1e50e44182141cfe5f8bef401d7ea7e0cde6" fetchpriority="high" decoding="async" > </picture> </div> <div style="height:max-content; width:auto"> <picture> <source id="source-2" media="(max-width:995px)" srcset="https://img.utdstc.com/screen/7b6/238/7b62389ccdfd322e35b8398ad322b2b6d585e12b5f73a65efd256cada0f2e782:150, https://img.utdstc.com/screen/7b6/238/7b62389ccdfd322e35b8398ad322b2b6d585e12b5f73a65efd256cada0f2e782:300 2x"> <source id="source2-2" media="(min-width:996px)" srcset="https://img.utdstc.com/screen/7b6/238/7b62389ccdfd322e35b8398ad322b2b6d585e12b5f73a65efd256cada0f2e782:200, https://img.utdstc.com/screen/7b6/238/7b62389ccdfd322e35b8398ad322b2b6d585e12b5f73a65efd256cada0f2e782:400 2x"> <img height="150" width="448" alt="draw.io screenshot 2" class="screenshot" data-screen-src="https://img.utdstc.com/screen/7b6/238/7b62389ccdfd322e35b8398ad322b2b6d585e12b5f73a65efd256cada0f2e782:300" data-src-large="https://img.utdstc.com/screen/7b6/238/7b62389ccdfd322e35b8398ad322b2b6d585e12b5f73a65efd256cada0f2e782:800" id="2" src="https://img.utdstc.com/screen/7b6/238/7b62389ccdfd322e35b8398ad322b2b6d585e12b5f73a65efd256cada0f2e782" fetchpriority="high" decoding="async" > </picture> </div> <div style="height:max-content; width:auto"> <picture> <source id="source-3" media="(max-width:995px)" srcset="https://img.utdstc.com/screen/500/de6/500de6ea345db0996c3d25da64b57a4eb589fc3d98847f2e1ba310388317db2e:150, https://img.utdstc.com/screen/500/de6/500de6ea345db0996c3d25da64b57a4eb589fc3d98847f2e1ba310388317db2e:300 2x"> <source id="source2-3" media="(min-width:996px)" srcset="https://img.utdstc.com/screen/500/de6/500de6ea345db0996c3d25da64b57a4eb589fc3d98847f2e1ba310388317db2e:200, https://img.utdstc.com/screen/500/de6/500de6ea345db0996c3d25da64b57a4eb589fc3d98847f2e1ba310388317db2e:400 2x"> <img height="150" width="300" alt="draw.io screenshot 3" class="screenshot" data-screen-src="https://img.utdstc.com/screen/500/de6/500de6ea345db0996c3d25da64b57a4eb589fc3d98847f2e1ba310388317db2e:300" data-src-large="https://img.utdstc.com/screen/500/de6/500de6ea345db0996c3d25da64b57a4eb589fc3d98847f2e1ba310388317db2e:800" id="3" src="https://img.utdstc.com/screen/500/de6/500de6ea345db0996c3d25da64b57a4eb589fc3d98847f2e1ba310388317db2e" fetchpriority="low" > </picture> </div> <div style="height:max-content; width:auto"> <picture> <source id="source-4" media="(max-width:995px)" srcset="https://img.utdstc.com/screen/b21/6b8/b216b8b8bb251d70bacc8d9359824477ab05e3b9d22ab93caf2796b30d88d172:150, https://img.utdstc.com/screen/b21/6b8/b216b8b8bb251d70bacc8d9359824477ab05e3b9d22ab93caf2796b30d88d172:300 2x"> <source id="source2-4" media="(min-width:996px)" srcset="https://img.utdstc.com/screen/b21/6b8/b216b8b8bb251d70bacc8d9359824477ab05e3b9d22ab93caf2796b30d88d172:200, https://img.utdstc.com/screen/b21/6b8/b216b8b8bb251d70bacc8d9359824477ab05e3b9d22ab93caf2796b30d88d172:400 2x"> <img loading="lazy" height="150" width="338" alt="draw.io screenshot 4" class="screenshot" data-screen-src="https://img.utdstc.com/screen/b21/6b8/b216b8b8bb251d70bacc8d9359824477ab05e3b9d22ab93caf2796b30d88d172:300" data-src-large="https://img.utdstc.com/screen/b21/6b8/b216b8b8bb251d70bacc8d9359824477ab05e3b9d22ab93caf2796b30d88d172:800" id="4" src="https://img.utdstc.com/screen/b21/6b8/b216b8b8bb251d70bacc8d9359824477ab05e3b9d22ab93caf2796b30d88d172" fetchpriority="low" > </picture> </div> <div style="height:max-content; width:auto"> <picture> <source id="source-5" media="(max-width:995px)" srcset="https://img.utdstc.com/screen/797/e61/797e618d2399cfb31089fc326c433335acbc458b51bfbe0b32fb2bbad2216d8f:150, https://img.utdstc.com/screen/797/e61/797e618d2399cfb31089fc326c433335acbc458b51bfbe0b32fb2bbad2216d8f:300 2x"> <source id="source2-5" media="(min-width:996px)" srcset="https://img.utdstc.com/screen/797/e61/797e618d2399cfb31089fc326c433335acbc458b51bfbe0b32fb2bbad2216d8f:200, https://img.utdstc.com/screen/797/e61/797e618d2399cfb31089fc326c433335acbc458b51bfbe0b32fb2bbad2216d8f:400 2x"> <img loading="lazy" height="150" width="265" alt="draw.io screenshot 5" class="screenshot" data-screen-src="https://img.utdstc.com/screen/797/e61/797e618d2399cfb31089fc326c433335acbc458b51bfbe0b32fb2bbad2216d8f:300" data-src-large="https://img.utdstc.com/screen/797/e61/797e618d2399cfb31089fc326c433335acbc458b51bfbe0b32fb2bbad2216d8f:800" id="5" src="https://img.utdstc.com/screen/797/e61/797e618d2399cfb31089fc326c433335acbc458b51bfbe0b32fb2bbad2216d8f" fetchpriority="low" > </picture> </div> <div style="height:max-content; width:auto"> <picture> <source id="source-6" media="(max-width:995px)" srcset="https://img.utdstc.com/screen/3f2/769/3f27693da4f59a84c378be3852b633105d5f396082d94cccba25eae80efd1971:150, https://img.utdstc.com/screen/3f2/769/3f27693da4f59a84c378be3852b633105d5f396082d94cccba25eae80efd1971:300 2x"> <source id="source2-6" media="(min-width:996px)" srcset="https://img.utdstc.com/screen/3f2/769/3f27693da4f59a84c378be3852b633105d5f396082d94cccba25eae80efd1971:200, https://img.utdstc.com/screen/3f2/769/3f27693da4f59a84c378be3852b633105d5f396082d94cccba25eae80efd1971:400 2x"> <img loading="lazy" height="150" width="339" alt="draw.io screenshot 6" class="screenshot" data-screen-src="https://img.utdstc.com/screen/3f2/769/3f27693da4f59a84c378be3852b633105d5f396082d94cccba25eae80efd1971:300" data-src-large="https://img.utdstc.com/screen/3f2/769/3f27693da4f59a84c378be3852b633105d5f396082d94cccba25eae80efd1971:800" id="6" src="https://img.utdstc.com/screen/3f2/769/3f27693da4f59a84c378be3852b633105d5f396082d94cccba25eae80efd1971" fetchpriority="low" > </picture> </div> <div style="height:max-content; width:auto"> <picture> <source id="source-7" media="(max-width:995px)" srcset="https://img.utdstc.com/screen/4b5/837/4b5837f68cc1f92f6df6cb3d036851bebfe3acf4fa44d0b30c18c11c7301d1a5:150, https://img.utdstc.com/screen/4b5/837/4b5837f68cc1f92f6df6cb3d036851bebfe3acf4fa44d0b30c18c11c7301d1a5:300 2x"> <source id="source2-7" media="(min-width:996px)" srcset="https://img.utdstc.com/screen/4b5/837/4b5837f68cc1f92f6df6cb3d036851bebfe3acf4fa44d0b30c18c11c7301d1a5:200, https://img.utdstc.com/screen/4b5/837/4b5837f68cc1f92f6df6cb3d036851bebfe3acf4fa44d0b30c18c11c7301d1a5:400 2x"> <img loading="lazy" height="150" width="299" alt="draw.io screenshot 7" class="screenshot" data-screen-src="https://img.utdstc.com/screen/4b5/837/4b5837f68cc1f92f6df6cb3d036851bebfe3acf4fa44d0b30c18c11c7301d1a5:300" data-src-large="https://img.utdstc.com/screen/4b5/837/4b5837f68cc1f92f6df6cb3d036851bebfe3acf4fa44d0b30c18c11c7301d1a5:800" id="7" src="https://img.utdstc.com/screen/4b5/837/4b5837f68cc1f92f6df6cb3d036851bebfe3acf4fa44d0b30c18c11c7301d1a5" fetchpriority="low" > </picture> </div> </div> <article> <div class="text-description" > <p><b>draw.io</b> is a tool that allows you to easily <a href="https://en.uptodown.com/mac/design-edition">design</a> different types of diagrams, concept maps, and network designs. No matter whether you're a professional or a beginner, this tool is worth having on hand, especially due to its user-friendly interface. </p><h2>A tool for everyone</h2><p>One of the strengths of draw.io is its simplicity and flexibility. This tool offers a wide range of templates and design elements that can be customized and adapted to your project's needs. You'll be able to choose between different diagram options, including flowcharts, mind maps, and much more. With the drag-and-drop feature, you can create diagrams quickly and easily, allowing you to better focus on the content of your project.</p><div><div class="ad text"> <div class="title"> Advertisement </div> <div id="content_ad" class="slot_integrated_ad "> </div> <span class="ad-label-turbo turbo-link" onclick="addEventAnalytics('ad_short', {'event_category': 'turbo-landing'});">Remove ads and more with Turbo<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"> <defs> <linearGradient x1=".146" x2="1" y1=".198" y2=".876" gradientUnits="objectBoundingBox"> <stop offset="0" stop-color="#e06290"/> <stop offset="1" stop-color="#b99ccf"/> </linearGradient> </defs> <g data-name="Grupo 4302" transform="translate(-240 -14)"> <circle cx="7" cy="7" r="7" fill="url(#a)" data-name="Elipse 590" transform="translate(240 14)"/> <g data-name="Grupo 4281"> <path fill="#fff" d="M249.304 17.429h-2.446a.184.184 0 0 0-.154.084l-2.16 3.368a.183.183 0 0 0 .157.283h1.613l-1.468 3.149a.182.182 0 0 0 .293.2l4.224-4.211a.183.183 0 0 0-.128-.31h-1.193l1.416-2.285a.182.182 0 0 0-.154-.277Z" data-name="Layer 22"/> </g> </g> </svg> </span> </div> </div><h2>Work from anywhere</h2><p>draw.io also stands out for its compatibility and integration capabilities. You'll be able to import and export diagrams in various formats, which facilitates collaboration and file exchanges with other apps and diagramming tools. This capability ensures that draw.io can be used seamlessly in a collaborative work environment, so you can share and edit diagrams from your home or office. </p><p>draw.io is an <a href="https://en.uptodown.com/mac/open-source-apps">open source</a> tool, so it's constantly being improved by its community. If you're looking for the right tool for creating all kinds of diagrams, download draw.io.</p> </div> <span class="by"> Reviewed by <span>Uptodown Content Team</span> </span> <span class="by"> Translated by <span>Uptodown Localization Team</span> </span> </article> <section class="info" id="technical-information"> <div class="title-row"> <h2 class="title">Information about draw.io 24.7.8</h2> </div> <table class="content"> <tr> <td><img alt="" loading="lazy" src="https://stc.utdstc.com/img/icons-info.svg#icon-40-license" width="40" height="40"></td> <th scope="row">License</th> <td>Free</td> </tr> <tr> <td><img alt="" loading="lazy" src="https://stc.utdstc.com/img/icons-info.svg#icon-40-system" width="40" height="40"></td> <th scope="row">Op. System</th> <td>Mac</td> </tr> <tr> <td><img alt="" loading="lazy" src="https://stc.utdstc.com/img/icons-info.svg#icon-40-category" width="40" height="40"></td> <th scope="row">Category</th> <td><a href="https://en.uptodown.com/mac/design-edition">Design & editing</a></td> </tr> <tr> <td><img alt="" loading="lazy" src="https://stc.utdstc.com/img/icons-info.svg#icon-40-language" width="40" height="40"></td> <th>Language</th> <td> English </td> </tr> <tr> <td><img alt="" loading="lazy" src="https://stc.utdstc.com/img/icons-info.svg#icon-40-author" width="40" height="40"></td> <th scope="row">Author</th> <td><a href="https://github.com/jgraph/drawio-desktop/" target="_blank" rel="noopener nofollow"> Draw.io</a> </td> </tr> <tr> <td><img alt="" loading="lazy" src="https://stc.utdstc.com/img/icons-info.svg#icon-40-downloads" width="40" height="40"></td> <th>Downloads</th> <td>1,628</td> </tr> <tr> <td><img alt="" loading="lazy" src="https://stc.utdstc.com/img/icons-info.svg#icon-40-date" width="40" height="40"></td> <th>Date</th> <td>Sep 25, 2024</td> </tr> <tr> <td><img alt="" loading="lazy" src="https://stc.utdstc.com/img/icons-info.svg#icon-40-rating" width="40" height="40"></td> <th>Content Rating</th> <td>Not specified</td> </tr> <tr class="full"> <td><img alt="" loading="lazy" src="https://stc.utdstc.com/img/icons-info.svg#icon-40-ads" width="40" height="40"></td> <th scope="row">Advertisement</th> <td>Not specified</td> </tr> <tr class="full"> <td><img alt="" loading="lazy" src="https://stc.utdstc.com/img/icons-info.svg#icon-40-why" width="40" height="40"></td> <th>Why is this app published on Uptodown?</th> <td> <a href="https://support.uptodown.com/hc/en-us/articles/4403243577613" target="_blank" rel="noopener"> (More information) </a> </td> </tr> </table> </section> <div class="ad"> <div class="title"> Advertisement </div> <div class="slot_integrated_ad" id="content_ad_2"> </div> <span class="ad-label-turbo turbo-link" onclick="addEventAnalytics('ad_middle', {'event_category': 'turbo-landing'});">Remove ads and more with Turbo<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"> <defs> <linearGradient x1=".146" x2="1" y1=".198" y2=".876" gradientUnits="objectBoundingBox"> <stop offset="0" stop-color="#e06290"/> <stop offset="1" stop-color="#b99ccf"/> </linearGradient> </defs> <g data-name="Grupo 4302" transform="translate(-240 -14)"> <circle cx="7" cy="7" r="7" fill="url(#a)" data-name="Elipse 590" transform="translate(240 14)"/> <g data-name="Grupo 4281"> <path fill="#fff" d="M249.304 17.429h-2.446a.184.184 0 0 0-.154.084l-2.16 3.368a.183.183 0 0 0 .157.283h1.613l-1.468 3.149a.182.182 0 0 0 .293.2l4.224-4.211a.183.183 0 0 0-.128-.31h-1.193l1.416-2.285a.182.182 0 0 0-.154-.277Z" data-name="Layer 22"/> </g> </g> </svg> </span> </div> <section id="versions" class="versions list"> <div class="title-row"> <h2 class="title">Older versions</h2> </div> <span></span> <div id="versions-items-list" class="content"> <div data-url="https://draw-io.en.uptodown.com/mac/download/1015952866"> <span class="type others" title="dmg">dmg</span> <span class="version">24.5.3</span> <span class="date">Jun 14, 2024</span> </div> <div data-url="https://draw-io.en.uptodown.com/mac/download/1015402060"> <span class="type others" title="dmg">dmg</span> <span class="version">24.5.1</span> <span class="date">Jun 7, 2024</span> </div> <div data-url="https://draw-io.en.uptodown.com/mac/download/120150263"> <span class="type others" title="dmg">dmg</span> <span class="version">22.1.21</span> <span class="date">Jan 19, 2024</span> </div> <div data-url="https://draw-io.en.uptodown.com/mac/download/119133150"> <span class="type others" title="dmg">dmg</span> <span class="version">22.1.18</span> <span class="date">Jan 12, 2024</span> </div> <div data-url="https://draw-io.en.uptodown.com/mac/download/118437028"> <span class="type others" title="dmg">dmg</span> <span class="version">22.1.16</span> <span class="date">Jan 4, 2024</span> </div> </div> </section> <section class="review"> <div class="title-row"> <h2 id="reviewThisApp" class="title">Rate this App</h2> <span id="more-comments-rate" class="more" data-items="" data-url="javascript:;"> <img alt="Review the app" width="24" height="24" src="https://stc.utdstc.com/img/icons-nolazy.svg#icon-bar-arrow" > </span> </div> <div class="content"> <img width="50" height="50" alt="draw.io icon" loading="lazy" itemprop="image" src="https://img.utdstc.com/icon/d7c/525/d7c525a7a2ceb806fe8acd1929f2eeb36a04fefd5b9b48f394f98287edc72ea5" srcset="https://img.utdstc.com/icon/d7c/525/d7c525a7a2ceb806fe8acd1929f2eeb36a04fefd5b9b48f394f98287edc72ea5:100, https://img.utdstc.com/icon/d7c/525/d7c525a7a2ceb806fe8acd1929f2eeb36a04fefd5b9b48f394f98287edc72ea5:200 2x " > <div id="detail-rating" class="rate"> <img loading="lazy" alt="" width="12" height="12" src="https://stc.utdstc.com/img/icon-rate-star.svg"> <img loading="lazy" alt="" width="12" height="12" src="https://stc.utdstc.com/img/icon-rate-star.svg"> <img loading="lazy" alt="" width="12" height="12" src="https://stc.utdstc.com/img/icon-rate-star.svg"> <img loading="lazy" alt="" width="12" height="12" src="https://stc.utdstc.com/img/icon-rate-star.svg"> <img loading="lazy" alt="" width="12" height="12" src="https://stc.utdstc.com/img/icon-rate-star.svg"> </div> </div> <button class="write-review">Review the app</button> </section> <div class="button-group download middle"> <button id="button-download-page-middle" class="button last" data-url="https://draw-io.en.uptodown.com/mac/download" title="download draw.io free" onclick="addEventAnalytics('lastVersion', {'event_category': 'app'});"> <h3>Get the latest version</h3> <p class="version">24.7.8</p> <p>Sep 25, 2024</p> <img class="svg" alt="" width="20" height="20" src="https://stc.utdstc.com/img/icons-nolazy.svg#icon-20-download-button"> <div class="loader-get"></div> </button> <button id="old-version-button-middle" class="button version" data-url="#versions" onclick="addEventAnalytics('otherVersion', {'event_category': 'app'});"> Older versions</button> </div> <section class="comments"> <div class="title-row"> <h2 id="spanDetailComment" class="title">Comments</h2> </div> <div id="user-comments-section-list" class="content"> <p class="no-content">There are no opinions about draw.io yet. Be the first! <span id="first-comment">Comment</span> </p> </div> </section> <section class="item-row item-row-section "> <div class="title-row"> <a class="title item-section-anchor" href="https://en.uptodown.com/mac/open-source-apps" onclick="addEventAnalytics('item-viewMore', {'event_category': 'item'});"> <h2>Open-Source Apps</h2> </a> <button name="item-section-more" type="button" class="more" onclick="addEventAnalytics('item-viewMore', {'event_category': 'item'});"> <img alt="See more" width="24" height="24" src="https://stc.utdstc.com/img/icons-nolazy.svg#icon-bar-arrow" > </button> </div> <div class="content-items"> <div class="content"> <div class="item" onclick="location.href='https://citra.en.uptodown.com/mac'; addEventAnalytics('floatingCategory', {'event_category': 'item'});"> <figure> <img width="100" height="100" loading="lazy" alt="Citra icon" class="app_card_img" src="https://img.utdstc.com/icon/673/865/673865025e6c0a0f30c7b334aaea2f491f2606bcbf10652871d7c64f8402d91d" srcset="https://img.utdstc.com/icon/673/865/673865025e6c0a0f30c7b334aaea2f491f2606bcbf10652871d7c64f8402d91d:100 1x, https://img.utdstc.com/icon/673/865/673865025e6c0a0f30c7b334aaea2f491f2606bcbf10652871d7c64f8402d91d:200 2x " onerror="this.onerror=null;this.src='https://stc.utdstc.com/img/no-img.png'; this.srcset='https://stc.utdstc.com/img/no-img.png';this.classList.add('broken-img');" > </figure> <div class="name"> <a href="https://citra.en.uptodown.com/mac" title="Download Citra">Citra</a> </div> <div class="description">The best Nintendo 3DS emulator for Mac</div> </div> <div class="item" onclick="location.href='https://etcher-for-mac.en.uptodown.com/mac'; addEventAnalytics('floatingCategory', {'event_category': 'item'});"> <figure> <img width="100" height="100" loading="lazy" alt="balenaEtcher icon" class="app_card_img" src="https://img.utdstc.com/icon/8f2/5f6/8f25f698efad42f238092a502029e82f930f299494712f9516e40960eece93c8" srcset="https://img.utdstc.com/icon/8f2/5f6/8f25f698efad42f238092a502029e82f930f299494712f9516e40960eece93c8:100 1x, https://img.utdstc.com/icon/8f2/5f6/8f25f698efad42f238092a502029e82f930f299494712f9516e40960eece93c8:200 2x " onerror="this.onerror=null;this.src='https://stc.utdstc.com/img/no-img.png'; this.srcset='https://stc.utdstc.com/img/no-img.png';this.classList.add('broken-img');" > </figure> <div class="name"> <a href="https://etcher-for-mac.en.uptodown.com/mac" title="Download balenaEtcher">balenaEtcher</a> </div> <div class="description">Create self-booting external disks on Mac</div> </div> <div class="item" onclick="location.href='https://firefox.en.uptodown.com/mac'; addEventAnalytics('floatingCategory', {'event_category': 'item'});"> <figure> <img width="100" height="100" loading="lazy" alt="Mozilla Firefox icon" class="app_card_img" src="https://img.utdstc.com/icon/2db/c4c/2dbc4c2bac93be6a98bd27b593c0fc7dd371a916af95fe8d02af25e3556c40ee" srcset="https://img.utdstc.com/icon/2db/c4c/2dbc4c2bac93be6a98bd27b593c0fc7dd371a916af95fe8d02af25e3556c40ee:100 1x, https://img.utdstc.com/icon/2db/c4c/2dbc4c2bac93be6a98bd27b593c0fc7dd371a916af95fe8d02af25e3556c40ee:200 2x " onerror="this.onerror=null;this.src='https://stc.utdstc.com/img/no-img.png'; this.srcset='https://stc.utdstc.com/img/no-img.png';this.classList.add('broken-img');" > </figure> <div class="name"> <a href="https://firefox.en.uptodown.com/mac" title="Download Mozilla Firefox">Mozilla Firefox</a> </div> <div class="description">A multi-platform web browser with open source code</div> </div> <div class="item" onclick="location.href='https://suyu.en.uptodown.com/mac'; addEventAnalytics('floatingCategory', {'event_category': 'item'});"> <figure> <img width="100" height="100" loading="lazy" alt="Suyu icon" fetchpriority="low" class="app_card_img" src="https://img.utdstc.com/icon/fc9/c9b/fc9c9b32da49750fed4b6861ab1250d2d6b393299dfba511bbf90893fc898273" srcset="https://img.utdstc.com/icon/fc9/c9b/fc9c9b32da49750fed4b6861ab1250d2d6b393299dfba511bbf90893fc898273:100 1x, https://img.utdstc.com/icon/fc9/c9b/fc9c9b32da49750fed4b6861ab1250d2d6b393299dfba511bbf90893fc898273:200 2x " onerror="this.onerror=null;this.src='https://stc.utdstc.com/img/no-img.png'; this.srcset='https://stc.utdstc.com/img/no-img.png';this.classList.add('broken-img');" > </figure> <div class="name"> <a href="https://suyu.en.uptodown.com/mac" title="Download Suyu">Suyu</a> </div> <div class="description">Emulate Nintendo Switch games on Mac</div> </div> <div class="item" onclick="location.href='https://audacity-x.en.uptodown.com/mac'; addEventAnalytics('floatingCategory', {'event_category': 'item'});"> <figure> <img width="100" height="100" loading="lazy" alt="Audacity icon" fetchpriority="low" class="app_card_img" src="https://img.utdstc.com/icon/dd0/63d/dd063d7a281981d84172c7886769c5913ab267b894cecae00fb600d47200fe3a" srcset="https://img.utdstc.com/icon/dd0/63d/dd063d7a281981d84172c7886769c5913ab267b894cecae00fb600d47200fe3a:100 1x, https://img.utdstc.com/icon/dd0/63d/dd063d7a281981d84172c7886769c5913ab267b894cecae00fb600d47200fe3a:200 2x " onerror="this.onerror=null;this.src='https://stc.utdstc.com/img/no-img.png'; this.srcset='https://stc.utdstc.com/img/no-img.png';this.classList.add('broken-img');" > </figure> <div class="name"> <a href="https://audacity-x.en.uptodown.com/mac" title="Download Audacity">Audacity</a> </div> <div class="description">Multitrack and multiplatform audio editor</div> </div> <div class="item" onclick="location.href='https://renpy.en.uptodown.com/mac'; addEventAnalytics('floatingCategory', {'event_category': 'item'});"> <figure> <img width="100" height="100" loading="lazy" alt="RenPy icon" fetchpriority="low" class="app_card_img" src="https://img.utdstc.com/icon/9ce/872/9ce872aba6150a17e42c0b8143572139408eb6160000a176c0bb779166a8c874" srcset="https://img.utdstc.com/icon/9ce/872/9ce872aba6150a17e42c0b8143572139408eb6160000a176c0bb779166a8c874:100 1x, https://img.utdstc.com/icon/9ce/872/9ce872aba6150a17e42c0b8143572139408eb6160000a176c0bb779166a8c874:200 2x " onerror="this.onerror=null;this.src='https://stc.utdstc.com/img/no-img.png'; this.srcset='https://stc.utdstc.com/img/no-img.png';this.classList.add('broken-img');" > </figure> <div class="name"> <a href="https://renpy.en.uptodown.com/mac" title="Download RenPy">RenPy</a> </div> <div class="description">Create your own visual novels on Mac</div> </div> <div class="item" onclick="location.href='https://open-tv.en.uptodown.com/mac'; addEventAnalytics('floatingCategory', {'event_category': 'item'});"> <figure> <img width="100" height="100" loading="lazy" alt="Open TV icon" fetchpriority="low" class="app_card_img" src="https://img.utdstc.com/icon/ca0/d41/ca0d41a0e9f09f4a6bac48c993dcdcd97e1d06f66b0195cbf511441a63c6a1b9" srcset="https://img.utdstc.com/icon/ca0/d41/ca0d41a0e9f09f4a6bac48c993dcdcd97e1d06f66b0195cbf511441a63c6a1b9:100 1x, https://img.utdstc.com/icon/ca0/d41/ca0d41a0e9f09f4a6bac48c993dcdcd97e1d06f66b0195cbf511441a63c6a1b9:200 2x " onerror="this.onerror=null;this.src='https://stc.utdstc.com/img/no-img.png'; this.srcset='https://stc.utdstc.com/img/no-img.png';this.classList.add('broken-img');" > </figure> <div class="name"> <a href="https://open-tv.en.uptodown.com/mac" title="Download Open TV">Open TV</a> </div> <div class="description">Watch hundreds of TV channels on your Mac for free</div> </div> <div class="item" onclick="location.href='https://scrcpy.en.uptodown.com/mac'; addEventAnalytics('floatingCategory', {'event_category': 'item'});"> <figure> <img width="100" height="100" loading="lazy" alt="scrcpy icon" fetchpriority="low" class="app_card_img" src="https://img.utdstc.com/icon/0ca/b88/0cab88c470797cb6609aa15bc2b825733378b246c2bf1946d25290b0eb91d479" srcset="https://img.utdstc.com/icon/0ca/b88/0cab88c470797cb6609aa15bc2b825733378b246c2bf1946d25290b0eb91d479:100 1x, https://img.utdstc.com/icon/0ca/b88/0cab88c470797cb6609aa15bc2b825733378b246c2bf1946d25290b0eb91d479:200 2x " onerror="this.onerror=null;this.src='https://stc.utdstc.com/img/no-img.png'; this.srcset='https://stc.utdstc.com/img/no-img.png';this.classList.add('broken-img');" > </figure> <div class="name"> <a href="https://scrcpy.en.uptodown.com/mac" title="Download scrcpy">scrcpy</a> </div> <div class="description">Control and mirror your Android screen on a Mac</div> </div> </div> </div> <div class="buttons"> <button class="scroll right"> <img alt="Scroll icon" width="10" height="10" src="https://stc.utdstc.com/img/icons-nolazy.svg#icon-bar-arrow"> </button> <button class="scroll left"> <img alt="Scroll icon" width="10" height="10" src="https://stc.utdstc.com/img/icons-nolazy.svg#icon-bar-arrow"> </button> </div> </section> </div> <div class="c2"> <div class="ad "> <div class="title"> Advertisement </div> <div id="lateral_ad" class="ad"> </div> <span class="ad-label-turbo turbo-link" onclick="addEventAnalytics('ad_generic', {'event_category': 'turbo-landing'});">Remove ads and more with Turbo<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"> <defs> <linearGradient x1=".146" x2="1" y1=".198" y2=".876" gradientUnits="objectBoundingBox"> <stop offset="0" stop-color="#e06290"/> <stop offset="1" stop-color="#b99ccf"/> </linearGradient> </defs> <g data-name="Grupo 4302" transform="translate(-240 -14)"> <circle cx="7" cy="7" r="7" fill="url(#a)" data-name="Elipse 590" transform="translate(240 14)"/> <g data-name="Grupo 4281"> <path fill="#fff" d="M249.304 17.429h-2.446a.184.184 0 0 0-.154.084l-2.16 3.368a.183.183 0 0 0 .157.283h1.613l-1.468 3.149a.182.182 0 0 0 .293.2l4.224-4.211a.183.183 0 0 0-.128-.31h-1.193l1.416-2.285a.182.182 0 0 0-.154-.277Z" data-name="Layer 22"/> </g> </g> </svg> </span> </div> <section class="item-row item-row-section "> <div class="title-row"> <a class="title item-section-anchor" href="https://en.uptodown.com/mac/design-edition" onclick="addEventAnalytics('item-viewMore', {'event_category': 'item'});"> <h2>Similar to draw.io</h2> </a> <button name="item-section-more" type="button" class="more" onclick="addEventAnalytics('item-viewMore', {'event_category': 'item'});"> <img alt="See more" width="24" height="24" src="https://stc.utdstc.com/img/icons-nolazy.svg#icon-bar-arrow" > </button> </div> <div class="content-items"> <div class="content"> <div class="item" onclick="location.href='https://capcut.en.uptodown.com/mac';addEventAnalytics('similar', {'event_category': 'item'});"> <figure> <picture> <source media="(max-width:1396px)" srcset="https://img.utdstc.com/icon/efa/593/efa5935c03718f09c2872303875d9b5e221cb5eb29c37b8ea6233e29a62e1726:100, https://img.utdstc.com/icon/efa/593/efa5935c03718f09c2872303875d9b5e221cb5eb29c37b8ea6233e29a62e1726:200 2x"> <source media="(min-width:1396px)" srcset="https://img.utdstc.com/icon/efa/593/efa5935c03718f09c2872303875d9b5e221cb5eb29c37b8ea6233e29a62e1726:60, https://img.utdstc.com/icon/efa/593/efa5935c03718f09c2872303875d9b5e221cb5eb29c37b8ea6233e29a62e1726:120 2x"> <img width="100" height="100" loading="lazy" alt="CapCut icon" class="app_card_img" src="https://img.utdstc.com/icon/efa/593/efa5935c03718f09c2872303875d9b5e221cb5eb29c37b8ea6233e29a62e1726" onerror="this.onerror=null;this.src='https://stc.utdstc.com/img/no-img.png'; this.srcset='https://stc.utdstc.com/img/no-img.png';" > </picture> </figure> <div class="name"> <a href="https://capcut.en.uptodown.com/mac" title="Download CapCut">CapCut</a> </div> <div class="description">Full-featured video editing</div> </div> <div class="item" onclick="location.href='https://cross-dj-pro.en.uptodown.com/mac';addEventAnalytics('similar', {'event_category': 'item'});"> <figure> <picture> <source media="(max-width:1396px)" srcset="https://img.utdstc.com/icon/bd4/0f8/bd40f8be47dd63787f9d0c1f21ca9fed7b99a2b9bdda9213afdbfd62f1458127:100, https://img.utdstc.com/icon/bd4/0f8/bd40f8be47dd63787f9d0c1f21ca9fed7b99a2b9bdda9213afdbfd62f1458127:200 2x"> <source media="(min-width:1396px)" srcset="https://img.utdstc.com/icon/bd4/0f8/bd40f8be47dd63787f9d0c1f21ca9fed7b99a2b9bdda9213afdbfd62f1458127:60, https://img.utdstc.com/icon/bd4/0f8/bd40f8be47dd63787f9d0c1f21ca9fed7b99a2b9bdda9213afdbfd62f1458127:120 2x"> <img width="100" height="100" loading="lazy" alt="Cross DJ Pro icon" class="app_card_img" src="https://img.utdstc.com/icon/bd4/0f8/bd40f8be47dd63787f9d0c1f21ca9fed7b99a2b9bdda9213afdbfd62f1458127" onerror="this.onerror=null;this.src='https://stc.utdstc.com/img/no-img.png'; this.srcset='https://stc.utdstc.com/img/no-img.png';" > </picture> </figure> <div class="name"> <a href="https://cross-dj-pro.en.uptodown.com/mac" title="Download Cross DJ Pro">Cross DJ Pro</a> </div> <div class="description">A virtual mixer to create your own music</div> </div> <div class="item" onclick="location.href='https://cinema-4d-for-mac.en.uptodown.com/mac';addEventAnalytics('similar', {'event_category': 'item'});"> <figure> <picture> <source media="(max-width:1396px)" srcset="https://img.utdstc.com/icon/596/766/59676653263343aad87c6a2a751b8f9be4ca49df3e5ce8899010b5af2256a8a5:100, https://img.utdstc.com/icon/596/766/59676653263343aad87c6a2a751b8f9be4ca49df3e5ce8899010b5af2256a8a5:200 2x"> <source media="(min-width:1396px)" srcset="https://img.utdstc.com/icon/596/766/59676653263343aad87c6a2a751b8f9be4ca49df3e5ce8899010b5af2256a8a5:60, https://img.utdstc.com/icon/596/766/59676653263343aad87c6a2a751b8f9be4ca49df3e5ce8899010b5af2256a8a5:120 2x"> <img width="100" height="100" loading="lazy" alt="Cinema 4D icon" class="app_card_img" src="https://img.utdstc.com/icon/596/766/59676653263343aad87c6a2a751b8f9be4ca49df3e5ce8899010b5af2256a8a5" onerror="this.onerror=null;this.src='https://stc.utdstc.com/img/no-img.png'; this.srcset='https://stc.utdstc.com/img/no-img.png';" > </picture> </figure> <div class="name"> <a href="https://cinema-4d-for-mac.en.uptodown.com/mac" title="Download Cinema 4D">Cinema 4D</a> </div> <div class="description">Animate, model, simulate, and render in 3D</div> </div> <div class="item" onclick="location.href='https://final-cut-pro-x.en.uptodown.com/mac';addEventAnalytics('similar', {'event_category': 'item'});"> <figure> <picture> <source media="(max-width:1396px)" srcset="https://img.utdstc.com/icon/1f0/681/1f06819a8cc9d9a625917091d574e52582566f38fbdab52ffd2d8201c98de4c2:100, https://img.utdstc.com/icon/1f0/681/1f06819a8cc9d9a625917091d574e52582566f38fbdab52ffd2d8201c98de4c2:200 2x"> <source media="(min-width:1396px)" srcset="https://img.utdstc.com/icon/1f0/681/1f06819a8cc9d9a625917091d574e52582566f38fbdab52ffd2d8201c98de4c2:60, https://img.utdstc.com/icon/1f0/681/1f06819a8cc9d9a625917091d574e52582566f38fbdab52ffd2d8201c98de4c2:120 2x"> <img width="100" height="100" loading="lazy" alt="Final Cut Pro X icon" class="app_card_img" src="https://img.utdstc.com/icon/1f0/681/1f06819a8cc9d9a625917091d574e52582566f38fbdab52ffd2d8201c98de4c2" onerror="this.onerror=null;this.src='https://stc.utdstc.com/img/no-img.png'; this.srcset='https://stc.utdstc.com/img/no-img.png';" > </picture> </figure> <div class="name"> <a href="https://final-cut-pro-x.en.uptodown.com/mac" title="Download Final Cut Pro X">Final Cut Pro X</a> </div> <div class="description">Create, edit and produce the highest quality videos</div> </div> <div class="item" onclick="location.href='https://virtual-dj.en.uptodown.com/mac';addEventAnalytics('similar', {'event_category': 'item'});"> <figure> <picture> <source media="(max-width:1396px)" srcset="https://img.utdstc.com/icon/0f2/807/0f2807098d95ccbe389659fcf38ff91f42adc21f0b09636e38b2191d74dd97f1:100, https://img.utdstc.com/icon/0f2/807/0f2807098d95ccbe389659fcf38ff91f42adc21f0b09636e38b2191d74dd97f1:200 2x"> <source media="(min-width:1396px)" srcset="https://img.utdstc.com/icon/0f2/807/0f2807098d95ccbe389659fcf38ff91f42adc21f0b09636e38b2191d74dd97f1:60, https://img.utdstc.com/icon/0f2/807/0f2807098d95ccbe389659fcf38ff91f42adc21f0b09636e38b2191d74dd97f1:120 2x"> <img width="100" height="100" loading="lazy" alt="VirtualDJ icon" class="app_card_img" src="https://img.utdstc.com/icon/0f2/807/0f2807098d95ccbe389659fcf38ff91f42adc21f0b09636e38b2191d74dd97f1" onerror="this.onerror=null;this.src='https://stc.utdstc.com/img/no-img.png'; this.srcset='https://stc.utdstc.com/img/no-img.png';" > </picture> </figure> <div class="name"> <a href="https://virtual-dj.en.uptodown.com/mac" title="Download VirtualDJ">VirtualDJ</a> </div> <div class="description">Create superb audio compositions and broadcast them</div> </div> <div class="item" onclick="location.href='https://audacity-x.en.uptodown.com/mac';addEventAnalytics('similar', {'event_category': 'item'});"> <figure> <picture> <source media="(max-width:1396px)" srcset="https://img.utdstc.com/icon/dd0/63d/dd063d7a281981d84172c7886769c5913ab267b894cecae00fb600d47200fe3a:100, https://img.utdstc.com/icon/dd0/63d/dd063d7a281981d84172c7886769c5913ab267b894cecae00fb600d47200fe3a:200 2x"> <source media="(min-width:1396px)" srcset="https://img.utdstc.com/icon/dd0/63d/dd063d7a281981d84172c7886769c5913ab267b894cecae00fb600d47200fe3a:60, https://img.utdstc.com/icon/dd0/63d/dd063d7a281981d84172c7886769c5913ab267b894cecae00fb600d47200fe3a:120 2x"> <img width="100" height="100" loading="lazy" alt="Audacity icon" class="app_card_img" src="https://img.utdstc.com/icon/dd0/63d/dd063d7a281981d84172c7886769c5913ab267b894cecae00fb600d47200fe3a" onerror="this.onerror=null;this.src='https://stc.utdstc.com/img/no-img.png'; this.srcset='https://stc.utdstc.com/img/no-img.png';" > </picture> </figure> <div class="name"> <a href="https://audacity-x.en.uptodown.com/mac" title="Download Audacity">Audacity</a> </div> <div class="description">Multitrack and multiplatform audio editor</div> </div> <div class="item" onclick="location.href='https://ableton-live.en.uptodown.com/mac';addEventAnalytics('similar', {'event_category': 'item'});"> <figure> <picture> <source media="(max-width:1396px)" srcset="https://img.utdstc.com/icon/1ae/5e4/1ae5e4c20825d7ba89a1d8b45ce1d324ea3b6cfbb693fe1cb8a34f56c98b6148:100, https://img.utdstc.com/icon/1ae/5e4/1ae5e4c20825d7ba89a1d8b45ce1d324ea3b6cfbb693fe1cb8a34f56c98b6148:200 2x"> <source media="(min-width:1396px)" srcset="https://img.utdstc.com/icon/1ae/5e4/1ae5e4c20825d7ba89a1d8b45ce1d324ea3b6cfbb693fe1cb8a34f56c98b6148:60, https://img.utdstc.com/icon/1ae/5e4/1ae5e4c20825d7ba89a1d8b45ce1d324ea3b6cfbb693fe1cb8a34f56c98b6148:120 2x"> <img width="100" height="100" loading="lazy" alt="Ableton Live icon" class="app_card_img" src="https://img.utdstc.com/icon/1ae/5e4/1ae5e4c20825d7ba89a1d8b45ce1d324ea3b6cfbb693fe1cb8a34f56c98b6148" onerror="this.onerror=null;this.src='https://stc.utdstc.com/img/no-img.png'; this.srcset='https://stc.utdstc.com/img/no-img.png';" > </picture> </figure> <div class="name"> <a href="https://ableton-live.en.uptodown.com/mac" title="Download Ableton Live">Ableton Live</a> </div> <div class="description">Professional music creation and production suite</div> </div> <div class="item" onclick="location.href='https://movavi-video-editor.en.uptodown.com/mac';addEventAnalytics('similar', {'event_category': 'item'});"> <figure> <picture> <source media="(max-width:1396px)" srcset="https://img.utdstc.com/icon/e61/28c/e6128c5748be2eb337dc17076eadec60fc0b285b6c99700a96402154e01ca781:100, https://img.utdstc.com/icon/e61/28c/e6128c5748be2eb337dc17076eadec60fc0b285b6c99700a96402154e01ca781:200 2x"> <source media="(min-width:1396px)" srcset="https://img.utdstc.com/icon/e61/28c/e6128c5748be2eb337dc17076eadec60fc0b285b6c99700a96402154e01ca781:60, https://img.utdstc.com/icon/e61/28c/e6128c5748be2eb337dc17076eadec60fc0b285b6c99700a96402154e01ca781:120 2x"> <img width="100" height="100" loading="lazy" alt="Movavi Video Editor icon" class="app_card_img" src="https://img.utdstc.com/icon/e61/28c/e6128c5748be2eb337dc17076eadec60fc0b285b6c99700a96402154e01ca781" onerror="this.onerror=null;this.src='https://stc.utdstc.com/img/no-img.png'; this.srcset='https://stc.utdstc.com/img/no-img.png';" > </picture> </figure> <div class="name"> <a href="https://movavi-video-editor.en.uptodown.com/mac" title="Download Movavi Video Editor">Movavi Video Editor</a> </div> <div class="description">Full-powered video editor with professional results for Mac</div> </div> </div> </div> <div class="buttons"> <button class="scroll right"> <img alt="Scroll icon" width="10" height="10" src="https://stc.utdstc.com/img/svgs/icon-bar-arrow.svg"> </button> <button class="scroll left"> <img alt="Scroll icon" width="10" height="10" src="https://stc.utdstc.com/img/svgs/icon-bar-arrow.svg"> </button> </div> </section> <section class="item-row item-row-section "> <div class="title-row"> <a class="title item-section-anchor" href="https://en.uptodown.com/mac/multimedia" onclick="addEventAnalytics('item-viewMore', {'event_category': 'item'});"> <h2>Discover Multimedia apps</h2> </a> <button name="item-section-more" type="button" class="more" onclick="addEventAnalytics('item-viewMore', {'event_category': 'item'});"> <img alt="See more" width="24" height="24" src="https://stc.utdstc.com/img/icons-nolazy.svg#icon-bar-arrow" > </button> </div> <div class="content-items"> <div class="content"> <div class="item" onclick="location.href='https://capcut.en.uptodown.com/mac';addEventAnalytics('news', {'event_category': 'item'});"> <figure> <picture> <source media="(max-width:1396px)" srcset="https://img.utdstc.com/icon/efa/593/efa5935c03718f09c2872303875d9b5e221cb5eb29c37b8ea6233e29a62e1726:100, https://img.utdstc.com/icon/efa/593/efa5935c03718f09c2872303875d9b5e221cb5eb29c37b8ea6233e29a62e1726:200 2x"> <source media="(min-width:1396px)" srcset="https://img.utdstc.com/icon/efa/593/efa5935c03718f09c2872303875d9b5e221cb5eb29c37b8ea6233e29a62e1726:60, https://img.utdstc.com/icon/efa/593/efa5935c03718f09c2872303875d9b5e221cb5eb29c37b8ea6233e29a62e1726:120 2x"> <img width="100" height="100" loading="lazy" alt="CapCut icon" class="app_card_img" src="https://img.utdstc.com/icon/efa/593/efa5935c03718f09c2872303875d9b5e221cb5eb29c37b8ea6233e29a62e1726" onerror="this.onerror=null;this.src='https://stc.utdstc.com/img/no-img.png'; this.srcset='https://stc.utdstc.com/img/no-img.png';" > </picture> </figure> <div class="name"> <a href="https://capcut.en.uptodown.com/mac" title="Download CapCut">CapCut</a> </div> <div class="description">Full-featured video editing</div> </div> <div class="item" onclick="location.href='https://cross-dj-pro.en.uptodown.com/mac';addEventAnalytics('news', {'event_category': 'item'});"> <figure> <picture> <source media="(max-width:1396px)" srcset="https://img.utdstc.com/icon/bd4/0f8/bd40f8be47dd63787f9d0c1f21ca9fed7b99a2b9bdda9213afdbfd62f1458127:100, https://img.utdstc.com/icon/bd4/0f8/bd40f8be47dd63787f9d0c1f21ca9fed7b99a2b9bdda9213afdbfd62f1458127:200 2x"> <source media="(min-width:1396px)" srcset="https://img.utdstc.com/icon/bd4/0f8/bd40f8be47dd63787f9d0c1f21ca9fed7b99a2b9bdda9213afdbfd62f1458127:60, https://img.utdstc.com/icon/bd4/0f8/bd40f8be47dd63787f9d0c1f21ca9fed7b99a2b9bdda9213afdbfd62f1458127:120 2x"> <img width="100" height="100" loading="lazy" alt="Cross DJ Pro icon" class="app_card_img" src="https://img.utdstc.com/icon/bd4/0f8/bd40f8be47dd63787f9d0c1f21ca9fed7b99a2b9bdda9213afdbfd62f1458127" onerror="this.onerror=null;this.src='https://stc.utdstc.com/img/no-img.png'; this.srcset='https://stc.utdstc.com/img/no-img.png';" > </picture> </figure> <div class="name"> <a href="https://cross-dj-pro.en.uptodown.com/mac" title="Download Cross DJ Pro">Cross DJ Pro</a> </div> <div class="description">A virtual mixer to create your own music</div> </div> <div class="item" onclick="location.href='https://cinema-4d-for-mac.en.uptodown.com/mac';addEventAnalytics('news', {'event_category': 'item'});"> <figure> <picture> <source media="(max-width:1396px)" srcset="https://img.utdstc.com/icon/596/766/59676653263343aad87c6a2a751b8f9be4ca49df3e5ce8899010b5af2256a8a5:100, https://img.utdstc.com/icon/596/766/59676653263343aad87c6a2a751b8f9be4ca49df3e5ce8899010b5af2256a8a5:200 2x"> <source media="(min-width:1396px)" srcset="https://img.utdstc.com/icon/596/766/59676653263343aad87c6a2a751b8f9be4ca49df3e5ce8899010b5af2256a8a5:60, https://img.utdstc.com/icon/596/766/59676653263343aad87c6a2a751b8f9be4ca49df3e5ce8899010b5af2256a8a5:120 2x"> <img width="100" height="100" loading="lazy" alt="Cinema 4D icon" class="app_card_img" src="https://img.utdstc.com/icon/596/766/59676653263343aad87c6a2a751b8f9be4ca49df3e5ce8899010b5af2256a8a5" onerror="this.onerror=null;this.src='https://stc.utdstc.com/img/no-img.png'; this.srcset='https://stc.utdstc.com/img/no-img.png';" > </picture> </figure> <div class="name"> <a href="https://cinema-4d-for-mac.en.uptodown.com/mac" title="Download Cinema 4D">Cinema 4D</a> </div> <div class="description">Animate, model, simulate, and render in 3D</div> </div> <div class="item" onclick="location.href='https://final-cut-pro-x.en.uptodown.com/mac';addEventAnalytics('news', {'event_category': 'item'});"> <figure> <picture> <source media="(max-width:1396px)" srcset="https://img.utdstc.com/icon/1f0/681/1f06819a8cc9d9a625917091d574e52582566f38fbdab52ffd2d8201c98de4c2:100, https://img.utdstc.com/icon/1f0/681/1f06819a8cc9d9a625917091d574e52582566f38fbdab52ffd2d8201c98de4c2:200 2x"> <source media="(min-width:1396px)" srcset="https://img.utdstc.com/icon/1f0/681/1f06819a8cc9d9a625917091d574e52582566f38fbdab52ffd2d8201c98de4c2:60, https://img.utdstc.com/icon/1f0/681/1f06819a8cc9d9a625917091d574e52582566f38fbdab52ffd2d8201c98de4c2:120 2x"> <img width="100" height="100" loading="lazy" alt="Final Cut Pro X icon" class="app_card_img" src="https://img.utdstc.com/icon/1f0/681/1f06819a8cc9d9a625917091d574e52582566f38fbdab52ffd2d8201c98de4c2" onerror="this.onerror=null;this.src='https://stc.utdstc.com/img/no-img.png'; this.srcset='https://stc.utdstc.com/img/no-img.png';" > </picture> </figure> <div class="name"> <a href="https://final-cut-pro-x.en.uptodown.com/mac" title="Download Final Cut Pro X">Final Cut Pro X</a> </div> <div class="description">Create, edit and produce the highest quality videos</div> </div> <div class="item" onclick="location.href='https://virtual-dj.en.uptodown.com/mac';addEventAnalytics('news', {'event_category': 'item'});"> <figure> <picture> <source media="(max-width:1396px)" srcset="https://img.utdstc.com/icon/0f2/807/0f2807098d95ccbe389659fcf38ff91f42adc21f0b09636e38b2191d74dd97f1:100, https://img.utdstc.com/icon/0f2/807/0f2807098d95ccbe389659fcf38ff91f42adc21f0b09636e38b2191d74dd97f1:200 2x"> <source media="(min-width:1396px)" srcset="https://img.utdstc.com/icon/0f2/807/0f2807098d95ccbe389659fcf38ff91f42adc21f0b09636e38b2191d74dd97f1:60, https://img.utdstc.com/icon/0f2/807/0f2807098d95ccbe389659fcf38ff91f42adc21f0b09636e38b2191d74dd97f1:120 2x"> <img width="100" height="100" loading="lazy" alt="VirtualDJ icon" class="app_card_img" src="https://img.utdstc.com/icon/0f2/807/0f2807098d95ccbe389659fcf38ff91f42adc21f0b09636e38b2191d74dd97f1" onerror="this.onerror=null;this.src='https://stc.utdstc.com/img/no-img.png'; this.srcset='https://stc.utdstc.com/img/no-img.png';" > </picture> </figure> <div class="name"> <a href="https://virtual-dj.en.uptodown.com/mac" title="Download VirtualDJ">VirtualDJ</a> </div> <div class="description">Create superb audio compositions and broadcast them</div> </div> <div class="item" onclick="location.href='https://spotify.en.uptodown.com/mac';addEventAnalytics('news', {'event_category': 'item'});"> <figure> <picture> <source media="(max-width:1396px)" srcset="https://img.utdstc.com/icon/95a/c73/95ac73eca26fc383b57663a9b0a31b810e4827adf4278bed076341167c8d0288:100, https://img.utdstc.com/icon/95a/c73/95ac73eca26fc383b57663a9b0a31b810e4827adf4278bed076341167c8d0288:200 2x"> <source media="(min-width:1396px)" srcset="https://img.utdstc.com/icon/95a/c73/95ac73eca26fc383b57663a9b0a31b810e4827adf4278bed076341167c8d0288:60, https://img.utdstc.com/icon/95a/c73/95ac73eca26fc383b57663a9b0a31b810e4827adf4278bed076341167c8d0288:120 2x"> <img width="100" height="100" loading="lazy" alt="Spotify icon" class="app_card_img" src="https://img.utdstc.com/icon/95a/c73/95ac73eca26fc383b57663a9b0a31b810e4827adf4278bed076341167c8d0288" onerror="this.onerror=null;this.src='https://stc.utdstc.com/img/no-img.png'; this.srcset='https://stc.utdstc.com/img/no-img.png';" > </picture> </figure> <div class="name"> <a href="https://spotify.en.uptodown.com/mac" title="Download Spotify">Spotify</a> </div> <div class="description">An endless music library at your disposal</div> </div> <div class="item" onclick="location.href='https://serato-dj.en.uptodown.com/mac';addEventAnalytics('news', {'event_category': 'item'});"> <figure> <picture> <source media="(max-width:1396px)" srcset="https://img.utdstc.com/icon/261/eec/261eec2a583d594fec1077ab224af5ff920d0873f5d9f5d7b738843390dda9ac:100, https://img.utdstc.com/icon/261/eec/261eec2a583d594fec1077ab224af5ff920d0873f5d9f5d7b738843390dda9ac:200 2x"> <source media="(min-width:1396px)" srcset="https://img.utdstc.com/icon/261/eec/261eec2a583d594fec1077ab224af5ff920d0873f5d9f5d7b738843390dda9ac:60, https://img.utdstc.com/icon/261/eec/261eec2a583d594fec1077ab224af5ff920d0873f5d9f5d7b738843390dda9ac:120 2x"> <img width="100" height="100" loading="lazy" alt="Serato DJ icon" class="app_card_img" src="https://img.utdstc.com/icon/261/eec/261eec2a583d594fec1077ab224af5ff920d0873f5d9f5d7b738843390dda9ac" onerror="this.onerror=null;this.src='https://stc.utdstc.com/img/no-img.png'; this.srcset='https://stc.utdstc.com/img/no-img.png';" > </picture> </figure> <div class="name"> <a href="https://serato-dj.en.uptodown.com/mac" title="Download Serato DJ">Serato DJ</a> </div> <div class="description">Professional tool for making your own mixes</div> </div> <div class="item" onclick="location.href='https://itunes.en.uptodown.com/mac';addEventAnalytics('news', {'event_category': 'item'});"> <figure> <picture> <source media="(max-width:1396px)" srcset="https://img.utdstc.com/icon/a8d/afd/a8dafd451fc1f06f0509f7c2a50d6771505d030ed2d4fa9aa56db9e97439c364:100, https://img.utdstc.com/icon/a8d/afd/a8dafd451fc1f06f0509f7c2a50d6771505d030ed2d4fa9aa56db9e97439c364:200 2x"> <source media="(min-width:1396px)" srcset="https://img.utdstc.com/icon/a8d/afd/a8dafd451fc1f06f0509f7c2a50d6771505d030ed2d4fa9aa56db9e97439c364:60, https://img.utdstc.com/icon/a8d/afd/a8dafd451fc1f06f0509f7c2a50d6771505d030ed2d4fa9aa56db9e97439c364:120 2x"> <img width="100" height="100" loading="lazy" alt="iTunes icon" class="app_card_img" src="https://img.utdstc.com/icon/a8d/afd/a8dafd451fc1f06f0509f7c2a50d6771505d030ed2d4fa9aa56db9e97439c364" onerror="this.onerror=null;this.src='https://stc.utdstc.com/img/no-img.png'; this.srcset='https://stc.utdstc.com/img/no-img.png';" > </picture> </figure> <div class="name"> <a href="https://itunes.en.uptodown.com/mac" title="Download iTunes">iTunes</a> </div> <div class="description">Apple's comprehensive media player just gets better and better</div> </div> </div> </div> <div class="buttons"> <button class="scroll right"> <img alt="Scroll icon" width="10" height="10" src="https://stc.utdstc.com/img/svgs/icon-bar-arrow.svg"> </button> <button class="scroll left"> <img alt="Scroll icon" width="10" height="10" src="https://stc.utdstc.com/img/svgs/icon-bar-arrow.svg"> </button> </div> </section> </div> </main> <nav id="left-panel-id" class="nav-main close"> <div class="header"> <div id="cross-close-left-panel"> <img loading="lazy" alt="Close icon" width="20" height="20" src="https://stc.utdstc.com/img/svgs/icon-bar-close.svg"> </div> <div id="lang-selector-id" class="my-lang" data-code="en"> <span class="lang">EN</span> English </div> <div id="back-button-language-list" style="display:none" class="left"> <img loading="lazy" alt="" width="14" height="20" src="https://stc.utdstc.com/img/icons-nolazy.svg#icon-bar-arrow"> </div> </div> <div id="main-left-panel-ul-id"> <div id="reg-log-item-id" class="li reg-log"> <div id="registerLoginButton" data-login-url="https://en.uptodown.com/login"> <img loading="lazy" alt="User icon" width="26" height="30" src="https://stc.utdstc.com/img/svgs/icon-20-user.svg"> Log in or Sign up</div> </div> <div data-platform-identifier="platform-item" class="li mac active"> <a href="https://en.uptodown.com/mac"> <img alt="Go to Mac platform" loading=lazy width="20" height="20" src="https://stc.utdstc.com/img/icons-nolazy.svg#icon-20-mac"> Mac</a> </div> <div> <div class="li"><a href="https://en.uptodown.com/mac/business">Business</a></div> <div class="li"><a href="https://en.uptodown.com/mac/desktop">Desktop</a></div> <div class="li"><a href="https://en.uptodown.com/mac/development">Development</a></div> <div class="li"><a href="https://en.uptodown.com/mac/education">Education</a></div> <div class="li"><a href="https://en.uptodown.com/mac/games">Games</a></div> <div class="li"><a href="https://en.uptodown.com/mac/internet">Internet</a></div> <div class="li"><a href="https://en.uptodown.com/mac/multimedia">Multimedia</a></div> <div class="li"><a href="https://en.uptodown.com/mac/personal">Personal</a></div> <div class="li"><a href="https://en.uptodown.com/mac/photo-edition">Photo edition</a></div> <div class="li"><a href="https://en.uptodown.com/mac/utilities">Utilities</a></div> <div class="li"><a href="https://en.uptodown.com/mac/editors-choice">Editor's choice</a></div> </div> <div data-platform-identifier="platform-item" class="li windows "> <a href="https://en.uptodown.com/windows"> <img alt="Go to Windows platform" loading=lazy width="20" height="20" src="https://stc.utdstc.com/img/icons-nolazy.svg#icon-20-windows"> Windows</a> </div> <div data-platform-identifier="platform-item" class="li android "> <a href="https://en.uptodown.com"> <img alt="Go to Android platform" loading=lazy width="20" height="20" src="https://stc.utdstc.com/img/icons-nolazy.svg#icon-20-android"> Android</a> </div> <div class="li"> <a class="turbo-link" href="https://en.uptodown.com/turbo?platform=mac"> <img alt="Subscribe to Uptodown Turbo" loading="lazy" width=20 height=20 src="https://stc.utdstc.com/img/svgs/icon-24-turbo2.svg"> Uptodown Turbo </a> </div> <div class="li"><a href="https://blog.en.uptodown.com/"><img loading="lazy" alt="Blog icon" width="20" height="20" src="https://stc.utdstc.com/img/svgs/icon-20-blog.svg">Blog</a></div> <div class="li"><a href="https://uptodown-android.en.uptodown.com/android"><img loading="lazy" alt="Uptodown App Store icon" width="20" height="20" src="https://stc.utdstc.com/img/svgs/icon-20-store.svg">Uptodown App Store</a></div> <div class="li"> <a href="https://en.uptodown.com/support"> <img alt="Go to support page'" loading="lazy" width=20 height=20 src="https://stc.utdstc.com/img/svgs/icon-bar-info.svg"> Go to support page </a> </div> </div> <div id="language-ul-id" class="change-lang" style="display:none;"> <div class="li active"> <a href="https://draw-io.en.uptodown.com/mac"> <span class="lang">EN</span> English </a> </div> <div class="li "> <a href="https://draw-io.uptodown.com/mac"> <span class="lang">ES</span> Español </a> </div> <div class="li "> <a href="https://draw-io.br.uptodown.com/mac"> <span class="lang">PT</span> Português </a> </div> <div class="li "> <a href="https://draw-io.de.uptodown.com/mac"> <span class="lang">DE</span> Deutsch </a> </div> <div class="li "> <a href="https://draw-io.fr.uptodown.com/mac"> <span class="lang">FR</span> Français </a> </div> <div class="li "> <a href="https://draw-io.it.uptodown.com/mac"> <span class="lang">IT</span> Italiano </a> </div> <div class="li "> <a href="https://draw-io.cn.uptodown.com/mac"> <span class="lang">ZH</span> 中文 </a> </div> <div class="li "> <a href="https://draw-io.jp.uptodown.com/mac"> <span class="lang">JA</span> 日本語 </a> </div> <div class="li "> <a href="https://draw-io.ru.uptodown.com/mac"> <span class="lang">RU</span> Pусский </a> </div> <div class="li "> <a href="https://draw-io.kr.uptodown.com/mac"> <span class="lang">KO</span> 한국어 </a> </div> <div class="li "> <a href="https://draw-io.id.uptodown.com/mac"> <span class="lang">ID</span> B.Indonesia </a> </div> <div class="li "> <a href="https://draw-io.ar.uptodown.com/mac"> <span class="lang">AR</span> العربية </a> </div> <div class="li "> <a href="https://draw-io.th.uptodown.com/mac"> <span class="lang">TH</span> ภาษาไทย </a> </div> <div class="li "> <a href="https://draw-io.tr.uptodown.com/mac"> <span class="lang">TR</span> Türkçe </a> </div> <div class="li "> <a href="https://draw-io.in.uptodown.com/mac"> <span class="lang">HI</span> हिन्दी </a> </div> <div class="li "> <a href="https://draw-io.vi.uptodown.com/mac"> <span class="lang">VI</span> tiếng Việt </a> </div> <div class="li "> <a href="https://draw-io.ro.uptodown.com/mac"> <span class="lang">RO</span> Română </a> </div> </div> </nav> <div id="menu-panel-id" class="panel close "> <div id="menu-panel-header" class="header"> <span id="titleMenuPanel"></span> <div id="back-button-right-div"></div> <p id="cross-close-menu-panel"> <img loading="lazy" alt="Close icon" width="20" height="20" src="https://stc.utdstc.com/img/svgs/icon-bar-close.svg"> </p> </div> <div id="contentMenuPanel"> </div> </div> <footer> <div class="info"> <span class="logo"> <img loading="lazy" alt="Uptodown logo" width="200" height="31" src="https://stc.utdstc.com/img/svgs/logo-uptodown.svg"> </span> <p>Uptodown is a multi-platform app store specialized in Android. Our goal is to provide free and open access to a large catalog of apps without restrictions, while providing a legal distribution platform accessible from any browser, and also through its official native app.</p> <div class="social"> <a title="Uptodown YouTube URL" href="https://www.youtube.com/uptodown"> <img loading="lazy" alt="YouTube icon" width="24" height="24" src="https://stc.utdstc.com/img//social/youtube.svg"> </a> <a title="Uptodown TikTok URL" href="https://www.tiktok.com/@uptodown_com"> <img loading="lazy" alt="TikTok icon" width="24" height="24" src="https://stc.utdstc.com/img//social/tiktok.svg"> </a> <a title="Uptodown Twitter URL" href="https://x.com/uptodown"> <img loading="lazy" alt="X icon" width="24" height="24" src="https://stc.utdstc.com/img//social/x.svg"> </a> <a title="Uptodown Instagram URL" href="https://instagram.com/uptodown"> <img loading="lazy" alt="Instagram icon" width="24" height="24" src="https://stc.utdstc.com/img//social/instagram.svg"> </a> <a title="Uptodown LinkedIn URL" href="https://www.linkedin.com/company/uptodown/"> <img loading="lazy" alt="LinkedIn icon" width="24" height="24" src="https://stc.utdstc.com/img//social/linkedin.svg"> </a> <a title="Uptodown Facebook URL" href="https://www.facebook.com/Uptodown.International"> <img loading="lazy" alt="Facebook icon" width="24" height="24" src="https://stc.utdstc.com/img//social/facebook.svg"> </a> </div> </div> <div> <p>PRODUCTS AND SERVICES</p> <ul> <li><a href="https://en.uptodown.com/aboutus/uptodown">About us</a></li> <li><a href="https://en.uptodown.com/developers-zone">Publish your app</a></li> <li><a href="https://en.uptodown.com/advertising">Advertising</a></li> <li><a onclick="addEventAnalytics('footer', {'event_category': 'turbo-landing'});" href="https://en.uptodown.com/turbo?platform=mac">Uptodown Turbo<span>New</span></a></li> <li><a href="https://support.uptodown.com/hc/en-us">FAQs & Support</a></li> <li><a href="https://en.uptodown.com/about-us/editors">Editorial policy</a></li> <li><a href="https://uptodown.factorialhr.es/">We're hiring</a></li> <li><a href="https://blog.en.uptodown.com/">Corporate blog</a></li> </ul> </div> <div> <p>LEGAL</p> <ul> <li><a href="https://en.uptodown.com/aboutus/services">Terms of Service for Users</a></li> <li><a href="https://en.uptodown.com/aboutus/privacy">Privacy & Cookies Policy</a></li> <li><button id="csconsentlink" class="cookie-settings">Cookie Settings</button></li> <li><a href="https://en.uptodown.com/developers-zone/services">Terms of Service for Developers</a></li> <li><a href="https://en.uptodown.com/dmca">DMCA</a></li> </ul> </div> <img loading="lazy" fetchpriority="low" class="svg" alt="" width="112" height="208" src="https://stc.utdstc.com/img/svgs/logo-element.svg"> </footer> <div id="uptodown-turbo-promo" class="popup-turbo hidden"> <svg xmlns="http://www.w3.org/2000/svg" width="60.528" height="16.007" viewBox="0 0 60.528 16.007"> <path d="M465.68,106.3v2.834a.65.65,0,0,0,.93.6,5.964,5.964,0,0,1,6.776,1.278,6.383,6.383,0,0,1,0,8.806,5.9,5.9,0,0,1-8.528,0,6.092,6.092,0,0,1-1.761-4.4V106.3a.658.658,0,0,1,.646-.668h1.293a.656.656,0,0,1,.644.668m0,9.111a3.479,3.479,0,0,0,1.008,2.514,3.368,3.368,0,0,0,4.869,0,3.639,3.639,0,0,0,0-5.028,3.362,3.362,0,0,0-4.869,0,3.489,3.489,0,0,0-1.008,2.514" transform="translate(-428.396 -105.63)" fill="#fff"/> <path d="M531.83,126.062a6.1,6.1,0,0,0-1.762-4.4,5.9,5.9,0,0,0-8.529,0,6.383,6.383,0,0,0,0,8.806,5.907,5.907,0,0,0,8.529,0,6.1,6.1,0,0,0,1.762-4.405m-2.583,0a3.48,3.48,0,0,1-1.008,2.514,3.369,3.369,0,0,1-4.87,0,3.638,3.638,0,0,1,0-5.028,3.369,3.369,0,0,1,4.87,0,3.48,3.48,0,0,1,1.008,2.514" transform="translate(-471.303 -116.282)" fill="#fff"/> <path d="M1.937,12.447H.647A.656.656,0,0,1,0,11.779V6.223a6.1,6.1,0,0,1,1.762-4.4A5.719,5.719,0,0,1,6.027,0,5.719,5.719,0,0,1,10.292,1.82a6.094,6.094,0,0,1,1.762,4.405v5.556a.658.658,0,0,1-.646.668H10.114a.657.657,0,0,1-.647-.668V6.225A3.478,3.478,0,0,0,8.459,3.711,3.263,3.263,0,0,0,6.025,2.67,3.269,3.269,0,0,0,3.59,3.711,3.479,3.479,0,0,0,2.581,6.225v5.556a.652.652,0,0,1-.644.665" transform="translate(20.364 16.006) rotate(180)" fill="#fff"/> <path d="M377.754,111.862a.656.656,0,0,0-.646.668v2.889a3.479,3.479,0,0,0,1.008,2.514,3.3,3.3,0,0,0,1.891,1.006.675.675,0,0,1,.544.68v1.328a.66.66,0,0,1-.729.663,5.734,5.734,0,0,1-3.533-1.786,6.092,6.092,0,0,1-1.762-4.4v-9.114a.658.658,0,0,1,.646-.668h1.293a.656.656,0,0,1,.646.668v2.224a.658.658,0,0,0,.646.668h2.153a.656.656,0,0,1,.646.668V111.2a.658.658,0,0,1-.646.668h-2.158Z" transform="translate(-374.527 -105.637)" fill="#fff"/> <path d="M674.064,132.293h-1.29a.656.656,0,0,1-.646-.668v-5.556a6.1,6.1,0,0,1,1.762-4.4,5.909,5.909,0,0,1,8.529,0c.678.658-1.022,2.682-1.832,1.891a3.369,3.369,0,0,0-4.87,0,3.48,3.48,0,0,0-1.008,2.514v5.556a.652.652,0,0,1-.644.665" transform="translate(-649.698 -116.291)" fill="#fff"/> </svg> <div class="offer"></div> <div> <p class="title">Uptodown Turbo</p> <p>Seize the promo and join our Premium service now!</p> </div> <button id="promo-turbo-link" class="turbo-link">Subscribe</button> <div id="close-uptodown-turbo-promo" class="close"><img alt="Icono para cerrar" width="20" height="20" src="https://stc.utdstc.com/img/svgs/icon-bar-close.svg"></div> </div> <script async src="https://www.googletagmanager.com/gtag/js?id=G-DW5XRK7GYT"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-DW5XRK7GYT'); function addEventGoogleAnalytics(eventName, arguments) { gtag('event', eventName, arguments); } </script> <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(["setCookieDomain", "*.uptodown.com"]); _paq.push(['setDomains', '*.uptodown.com']); _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="//m.uptodown.net/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '2']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); function addEventMatomo(eventName, arguments) { _paq.push([ 'trackEvent', arguments.event_category ?? 'no-category', eventName, arguments.text ?? '' ]); } </script> <script> function addEventAnalytics(eventName, arguments) { if (typeof addEventGoogleAnalytics === 'function') addEventGoogleAnalytics(eventName, arguments); if (typeof addEventMatomo === 'function') addEventMatomo(eventName, arguments); } function setCookie(cname, cvalue, exdays, domain) { let d = new Date(); d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1000); let expires = 'expires=' + d.toUTCString(); document.cookie = cname + '=' + cvalue + ';' + expires + ';path=/; domain=' + domain; } function getCookie(cname) { let name = cname + '='; let decodedCookie = decodeURIComponent(document.cookie); let ca = decodedCookie.split(';'); for (let i = 0; i < ca.length; i++) { let c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return undefined; } document.addEventListener('DOMContentLoaded', function () { const uptodownTurboPromo = document.getElementById('uptodown-turbo-promo'); const closeUptodownTurboPromo = document.getElementById('close-uptodown-turbo-promo'); const uptodownPromoTurboLink = document.getElementById('promo-turbo-link'); function hidePromoPopupAndSetCookie() { uptodownTurboPromo?.classList?.add('hidden'); setCookie('uptodown_turbo_previously_closed', '1', 1, '.uptodown.com'); } uptodownPromoTurboLink?.addEventListener('click', function () { hidePromoPopupAndSetCookie(); }); closeUptodownTurboPromo?.addEventListener('click', function () { hidePromoPopupAndSetCookie(); }); if (!getCookie('uptodown_turbo_previously_closed')) { uptodownTurboPromo?.classList?.remove('hidden'); } }); </script> </div> <script defer src="https://stc.utdstc.com/1744186634322/vendor.js"></script> <script defer src="https://stc.utdstc.com/1744186634322/detail.js"></script> <script type="speculationrules"> { "prerender":[ { "source": "list", "urls": [ "https://draw-io.en.uptodown.com/mac/download" ] } ] } </script> <script type="application/ld+json"> { "@context":"https://schema.org", "@type":"WebPage", "url":"https://draw-io.en.uptodown.com/mac", "isPartOf":{ "@type": "WebSite", "name": "Uptodown", "url" : "https://en.uptodown.com/mac", "publisher" : {"@id" : "https://en.uptodown.com/#organization"} }, "mainEntity":{ "@type":"SoftwareApplication", "name":"draw.io", "url":"https://draw-io.en.uptodown.com/mac", "description":"Makes creating diagrams a piece of cake", "image": "https://img.utdstc.com/icon/d7c/525/d7c525a7a2ceb806fe8acd1929f2eeb36a04fefd5b9b48f394f98287edc72ea5", "operatingSystem":"Mac", "softwareVersion":"24.7.8", "datePublished":"1727268052", "interactionStatistic":{ "@type": "InteractionCounter", "interactionType": "https://schema.org/DownloadAction", "userInteractionCount": "1628" }, "applicationCategory":"DesignApplication", "applicationSubCategory":"Design & editing", "author":{ "@type":"Organization", "name":"Draw.io", "mainEntityOfPage":{ "@type": "WebPage", "@id": "https://en.uptodown.com/developer/draw-io", "publisher" : { "@id" : "https://www.uptodown.com/#organization" } }, "url":"https://github.com/jgraph/drawio-desktop/" }, "offers": { "@type": "Offer", "price": "0", "priceCurrency":"EUR" }, "screenshot":[ { "@type": "ImageObject", "url":"https://img.utdstc.com/screen/55b/938/55b9389c3b9407fd0f5114f5accc1e50e44182141cfe5f8bef401d7ea7e0cde6:600" }, { "@type": "ImageObject", "url":"https://img.utdstc.com/screen/7b6/238/7b62389ccdfd322e35b8398ad322b2b6d585e12b5f73a65efd256cada0f2e782:600" }, { "@type": "ImageObject", "url":"https://img.utdstc.com/screen/500/de6/500de6ea345db0996c3d25da64b57a4eb589fc3d98847f2e1ba310388317db2e:600" }, { "@type": "ImageObject", "url":"https://img.utdstc.com/screen/b21/6b8/b216b8b8bb251d70bacc8d9359824477ab05e3b9d22ab93caf2796b30d88d172:600" }, { "@type": "ImageObject", "url":"https://img.utdstc.com/screen/797/e61/797e618d2399cfb31089fc326c433335acbc458b51bfbe0b32fb2bbad2216d8f:600" }, { "@type": "ImageObject", "url":"https://img.utdstc.com/screen/3f2/769/3f27693da4f59a84c378be3852b633105d5f396082d94cccba25eae80efd1971:600" }, { "@type": "ImageObject", "url":"https://img.utdstc.com/screen/4b5/837/4b5837f68cc1f92f6df6cb3d036851bebfe3acf4fa44d0b30c18c11c7301d1a5:600" } ] , "inLanguage":[ { "@type": "Language", "name": "English" }] , "review": { "@type": "Review", "reviewBody": "draw.io is a tool that allows you to easily design different types of diagrams, concept maps, and network designs. No matter whether you're a professional or a beginner, this tool is worth having on hand, especially due to its user-friendly interface. A tool for everyoneOne of the strengths of draw.io is its simplicity and flexibility. This tool offers a wide range of templates and design elements that can be customized and adapted to your project's needs. You'll be able to choose between different diagram options, including flowcharts, mind maps, and much more. With the drag-and-drop feature, you can create diagrams quickly and easily, allowing you to better focus on the content of your project.Work from anywheredraw.io also stands out for its compatibility and integration capabilities. You'll be able to import and export diagrams in various formats, which facilitates collaboration and file exchanges with other apps and diagramming tools. This capability ensures that draw.io can be used seamlessly in a collaborative work environment, so you can share and edit diagrams from your home or office. draw.io is an open source tool, so it's constantly being improved by its community. If you're looking for the right tool for creating all kinds of diagrams, download draw.io.", "author": { "@type": "Organization", "name": "Uptodown content Team", "url": "https://en.uptodown.com/aboutus/uptodown" } } } } </script> <script type="application/ld+json"> { "@context":"https://schema.org", "@type":"BreadcrumbList", "itemListElement":[ { "@type": "ListItem", "position": 1, "name": "Mac", "item": "https://en.uptodown.com/mac" }, { "@type": "ListItem", "position": 2, "name": "Multimedia", "item": "https://en.uptodown.com/mac/multimedia" }, { "@type": "ListItem", "position": 3, "name": "Design & editing", "item": "https://en.uptodown.com/mac/design-edition" }, { "@type": "ListItem", "position": 4, "name": "draw.io", "item": "https://draw-io.en.uptodown.com/mac" } ] } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Organization", "name": "Uptodown", "logo": "https://stc.utdstc.com/img/mediakit/isotipo.png", "url": [ { "@language":"en", "@value":"https://en.uptodown.com/" }, { "@language":"es", "@value":"https://www.uptodown.com/" }, { "@language":"pt", "@value":"https://br.uptodown.com/" }, { "@language":"de", "@value":"https://de.uptodown.com/" }, { "@language":"fr", "@value":"https://fr.uptodown.com/" }, { "@language":"it", "@value":"https://it.uptodown.com/" }, { "@language":"zh", "@value":"https://cn.uptodown.com/" }, { "@language":"ja", "@value":"https://jp.uptodown.com/" }, { "@language":"ru", "@value":"https://ru.uptodown.com/" }, { "@language":"ko", "@value":"https://kr.uptodown.com/" }, { "@language":"id", "@value":"https://id.uptodown.com/" }, { "@language":"ar", "@value":"https://ar.uptodown.com/" }, { "@language":"th", "@value":"https://th.uptodown.com/" }, { "@language":"tr", "@value":"https://tr.uptodown.com/" }, { "@language":"hi", "@value":"https://in.uptodown.com/" }, { "@language":"vi", "@value":"https://vi.uptodown.com/" }, { "@language":"ro", "@value":"https://ro.uptodown.com/" } ], "@id": "https://www.uptodown.com/#organization", "sameAs": [ "https://www.facebook.com/Uptodown", "https://www.facebook.com/Uptodown.International", "https://twitter.com/Uptodown", "https://www.youtube.com/user/UptodownVideos", "https://www.wikidata.org/wiki/Q6157280", "https://www.linkedin.com/company/uptodown/", "https://instagram.com/uptodown", "https://mastodon.online/@uptodown" ] } </script> </body> </html>