CINXE.COM
Brackets for Windows - Download it from Uptodown for free
<!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> Brackets for Windows - 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/1742814337218/vendor.css" as="style"> <link rel="stylesheet" media="print" fetchpriority="low" onload="this.media='all'" href="https://stc.utdstc.com/1742814337218/vendor.css"> <noscript><link rel="stylesheet" fetchpriority="low" media="all" href="https://stc.utdstc.com/1742814337218/vendor.css"></noscript> <link fetchpriority="low" href="https://stc.utdstc.com/1742814337218/detail.css" as="style"> <link rel="stylesheet" media="print" fetchpriority="low" onload="this.media='all'" href="https://stc.utdstc.com/1742814337218/detail.css"> <noscript><link rel="stylesheet" fetchpriority="low" media="all" href="https://stc.utdstc.com/1742814337218/detail.css"></noscript> <script defer fetchpriority="high" src="//geo.cookie-script.com/s/a52be48a31f50475bd697e1db8507f9d.js?country=no-is-li-gb-ch-br&state=ca®ion=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 Brackets for Windows for free. A dynamic web development environment. One of the best ways to move forward in web development is to unify and..." /> <meta name="keywords" content="brackets, download brackets, download brackets free" /> <meta property="og:title" content="Brackets (Windows)"/> <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/285/5c3/2855c3aa20bbf51bee31c8eb5e8c9277e8b8ec575008a922e27c14a4096cfa37:200"/> <meta property="og:url" content="https://brackets.en.uptodown.com/windows"/> <meta property="og:description" content="A dynamic web development environment" /> <meta property="og:updated_time" content="1692798767" /> <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 Brackets for Windows for free. A dynamic web development environment. One of the best ways to move forward in web development is to unify and..."> <meta property="twitter:data1" content="Free"> <meta property="twitter:label1" content="License"> <meta property="twitter:data2" content="Adobe"> <meta property="twitter:label2" content="Author"> <meta name="twitter:image" content="https://img.utdstc.com/icon/285/5c3/2855c3aa20bbf51bee31c8eb5e8c9277e8b8ec575008a922e27c14a4096cfa37"> <meta name="twitter:title" content="Brackets for Windows - 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://brackets.en.uptodown.com/favicon.ico" /> <link rel="alternate" hreflang="en" href="https://brackets.en.uptodown.com/windows"> <link rel="alternate" hreflang="es" href="https://brackets.uptodown.com/windows"> <link rel="alternate" hreflang="pt" href="https://brackets.br.uptodown.com/windows"> <link rel="alternate" hreflang="de" href="https://brackets.de.uptodown.com/windows"> <link rel="alternate" hreflang="fr" href="https://brackets.fr.uptodown.com/windows"> <link rel="alternate" hreflang="it" href="https://brackets.it.uptodown.com/windows"> <link rel="alternate" hreflang="zh" href="https://brackets.cn.uptodown.com/windows"> <link rel="alternate" hreflang="ja" href="https://brackets.jp.uptodown.com/windows"> <link rel="alternate" hreflang="ru" href="https://brackets.ru.uptodown.com/windows"> <link rel="alternate" hreflang="ko" href="https://brackets.kr.uptodown.com/windows"> <link rel="alternate" hreflang="id" href="https://brackets.id.uptodown.com/windows"> <link rel="alternate" hreflang="ar" href="https://brackets.ar.uptodown.com/windows"> <link rel="alternate" hreflang="th" href="https://brackets.th.uptodown.com/windows"> <link rel="alternate" hreflang="tr" href="https://brackets.tr.uptodown.com/windows"> <link rel="alternate" hreflang="hi" href="https://brackets.in.uptodown.com/windows"> <link rel="alternate" hreflang="vi" href="https://brackets.vi.uptodown.com/windows"> <link rel="alternate" hreflang="ro" href="https://brackets.ro.uptodown.com/windows"> <link rel="canonical" href="https://brackets.en.uptodown.com/windows"> <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="31007"/> <link rel="preload" href="https://img.utdstc.com/icon/285/5c3/2855c3aa20bbf51bee31c8eb5e8c9277e8b8ec575008a922e27c14a4096cfa37" as="image" imagesrcset="https://img.utdstc.com/icon/285/5c3/2855c3aa20bbf51bee31c8eb5e8c9277e8b8ec575008a922e27c14a4096cfa37:100, https://img.utdstc.com/icon/285/5c3/2855c3aa20bbf51bee31c8eb5e8c9277e8b8ec575008a922e27c14a4096cfa37: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: -200px; } header:not(:has(.turbo-link)) .logo { margin-right: 384px; 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; } .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; } .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> <script src="https://btloader.com/tag?o=5175773613260800&upapi=true" async></script> </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://fragpunk.en.uptodown.com/windows">FragPunk</a> </li> <li> <a href="https://zenless-zone-zero.en.uptodown.com/windows">Zenless Zone Zero</a> </li> <li> <a href="https://capcut.en.uptodown.com/windows">CapCut</a> </li> <li> <a href="https://mouse-without-borders.en.uptodown.com/windows">Mouse without Borders</a> </li> <li> <a href="https://mp3tag.en.uptodown.com/windows">MP3Tag</a> </li> <li> <a href="https://stirling-pdf.en.uptodown.com/windows">Stirling PDF</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/windows" 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 Windows platform" width="20" height="20" src="https://stc.utdstc.com/img/icons-nolazy.svg#icon-20-windows"> <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 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 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 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/windows/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/windows"> <span>Windows</span> </a> <span class="path_separator">/</span> <div class="breadcrumb"> <a href="https://en.uptodown.com/windows/development"> <span >Development</span> </a> <span class="path_separator">/</span> <div class="breadcrumb"> <a href="https://en.uptodown.com/windows/general-programming"> <span >General</span> </a> <span class="path_separator">/</span> <div class="breadcrumb"> <span >Brackets</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="Brackets icon" src="https://img.utdstc.com/icon/285/5c3/2855c3aa20bbf51bee31c8eb5e8c9277e8b8ec575008a922e27c14a4096cfa37" srcset="https://img.utdstc.com/icon/285/5c3/2855c3aa20bbf51bee31c8eb5e8c9277e8b8ec575008a922e27c14a4096cfa37:100, https://img.utdstc.com/icon/285/5c3/2855c3aa20bbf51bee31c8eb5e8c9277e8b8ec575008a922e27c14a4096cfa37: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="31007"> Brackets</h1> <div class="version">2.2.1</div> <div class="autor"> <button id="author-link" onclick="addEventAnalytics('authorLink', {'event_category': 'author'});" data-organization-slug="adobe" > Adobe</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">4.6</span> </a> </div> <div> <span id="show-comments_app" class="blue" onclick="addEventAnalytics('comments', {'event_category': 'app'});"> <span>5</span> reviews </span> </div> <div class="dwstat"> <span>262.6 k </span><span>downloads</span></div> <div> <span id="virus-total-report" class="blue" data-file-id="104841289"> <img alt="" width="12" height="12" src="https://stc.utdstc.com/img/icons-nolazy.svg#icon-12-shield"> </span> </div> </div> <h2 >A dynamic web development environment</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://brackets.en.uptodown.com/windows/download" title="download brackets free" onclick="addEventAnalytics('lastVersion', {'event_category': 'app'});"> <h3>Get the latest version</h3> <p class="version">2.2.1</p> <p>Aug 23, 2023</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> </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/d97/2ca/d972ca7c80c0d1058ee523312434b3a09605d624db0dbe3f1909f19db875ebbe:150, https://img.utdstc.com/screen/d97/2ca/d972ca7c80c0d1058ee523312434b3a09605d624db0dbe3f1909f19db875ebbe:300 2x"> <source id="source2-1" media="(min-width:996px)" srcset="https://img.utdstc.com/screen/d97/2ca/d972ca7c80c0d1058ee523312434b3a09605d624db0dbe3f1909f19db875ebbe:200, https://img.utdstc.com/screen/d97/2ca/d972ca7c80c0d1058ee523312434b3a09605d624db0dbe3f1909f19db875ebbe:400 2x"> <img height="150" width="210" alt="Brackets screenshot 1" class="screenshot" data-screen-src="https://img.utdstc.com/screen/d97/2ca/d972ca7c80c0d1058ee523312434b3a09605d624db0dbe3f1909f19db875ebbe:300" data-src-large="https://img.utdstc.com/screen/d97/2ca/d972ca7c80c0d1058ee523312434b3a09605d624db0dbe3f1909f19db875ebbe:800" id="1" src="https://img.utdstc.com/screen/d97/2ca/d972ca7c80c0d1058ee523312434b3a09605d624db0dbe3f1909f19db875ebbe" 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/a68/8f2/a688f287b353791c559bb938b2a76b47f2b0d83a72d83999e66f3129e78fa676:150, https://img.utdstc.com/screen/a68/8f2/a688f287b353791c559bb938b2a76b47f2b0d83a72d83999e66f3129e78fa676:300 2x"> <source id="source2-2" media="(min-width:996px)" srcset="https://img.utdstc.com/screen/a68/8f2/a688f287b353791c559bb938b2a76b47f2b0d83a72d83999e66f3129e78fa676:200, https://img.utdstc.com/screen/a68/8f2/a688f287b353791c559bb938b2a76b47f2b0d83a72d83999e66f3129e78fa676:400 2x"> <img height="150" width="210" alt="Brackets screenshot 2" class="screenshot" data-screen-src="https://img.utdstc.com/screen/a68/8f2/a688f287b353791c559bb938b2a76b47f2b0d83a72d83999e66f3129e78fa676:300" data-src-large="https://img.utdstc.com/screen/a68/8f2/a688f287b353791c559bb938b2a76b47f2b0d83a72d83999e66f3129e78fa676:800" id="2" src="https://img.utdstc.com/screen/a68/8f2/a688f287b353791c559bb938b2a76b47f2b0d83a72d83999e66f3129e78fa676" 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/f80/e8d/f80e8d9e9bc7df498b06b31c5e87d0a6094ef00392ebc0236bf4e0019165a34d:150, https://img.utdstc.com/screen/f80/e8d/f80e8d9e9bc7df498b06b31c5e87d0a6094ef00392ebc0236bf4e0019165a34d:300 2x"> <source id="source2-3" media="(min-width:996px)" srcset="https://img.utdstc.com/screen/f80/e8d/f80e8d9e9bc7df498b06b31c5e87d0a6094ef00392ebc0236bf4e0019165a34d:200, https://img.utdstc.com/screen/f80/e8d/f80e8d9e9bc7df498b06b31c5e87d0a6094ef00392ebc0236bf4e0019165a34d:400 2x"> <img height="150" width="210" alt="Brackets screenshot 3" class="screenshot" data-screen-src="https://img.utdstc.com/screen/f80/e8d/f80e8d9e9bc7df498b06b31c5e87d0a6094ef00392ebc0236bf4e0019165a34d:300" data-src-large="https://img.utdstc.com/screen/f80/e8d/f80e8d9e9bc7df498b06b31c5e87d0a6094ef00392ebc0236bf4e0019165a34d:800" id="3" src="https://img.utdstc.com/screen/f80/e8d/f80e8d9e9bc7df498b06b31c5e87d0a6094ef00392ebc0236bf4e0019165a34d" 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/86b/873/86b873d67258a53b52eea46fdcae3e607a09613090e67ff2c134c64963021af8:150, https://img.utdstc.com/screen/86b/873/86b873d67258a53b52eea46fdcae3e607a09613090e67ff2c134c64963021af8:300 2x"> <source id="source2-4" media="(min-width:996px)" srcset="https://img.utdstc.com/screen/86b/873/86b873d67258a53b52eea46fdcae3e607a09613090e67ff2c134c64963021af8:200, https://img.utdstc.com/screen/86b/873/86b873d67258a53b52eea46fdcae3e607a09613090e67ff2c134c64963021af8:400 2x"> <img loading="lazy" height="150" width="210" alt="Brackets screenshot 4" class="screenshot" data-screen-src="https://img.utdstc.com/screen/86b/873/86b873d67258a53b52eea46fdcae3e607a09613090e67ff2c134c64963021af8:300" data-src-large="https://img.utdstc.com/screen/86b/873/86b873d67258a53b52eea46fdcae3e607a09613090e67ff2c134c64963021af8:800" id="4" src="https://img.utdstc.com/screen/86b/873/86b873d67258a53b52eea46fdcae3e607a09613090e67ff2c134c64963021af8" 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/9e4/dc2/9e4dc22ff6c51578475cba5ef3a3ba8603673a3e28cca7f7a0f27f9003aa72d4:150, https://img.utdstc.com/screen/9e4/dc2/9e4dc22ff6c51578475cba5ef3a3ba8603673a3e28cca7f7a0f27f9003aa72d4:300 2x"> <source id="source2-5" media="(min-width:996px)" srcset="https://img.utdstc.com/screen/9e4/dc2/9e4dc22ff6c51578475cba5ef3a3ba8603673a3e28cca7f7a0f27f9003aa72d4:200, https://img.utdstc.com/screen/9e4/dc2/9e4dc22ff6c51578475cba5ef3a3ba8603673a3e28cca7f7a0f27f9003aa72d4:400 2x"> <img loading="lazy" height="150" width="210" alt="Brackets screenshot 5" class="screenshot" data-screen-src="https://img.utdstc.com/screen/9e4/dc2/9e4dc22ff6c51578475cba5ef3a3ba8603673a3e28cca7f7a0f27f9003aa72d4:300" data-src-large="https://img.utdstc.com/screen/9e4/dc2/9e4dc22ff6c51578475cba5ef3a3ba8603673a3e28cca7f7a0f27f9003aa72d4:800" id="5" src="https://img.utdstc.com/screen/9e4/dc2/9e4dc22ff6c51578475cba5ef3a3ba8603673a3e28cca7f7a0f27f9003aa72d4" 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/4f7/ec2/4f7ec224eaf365c80627a3ac29094829a246997113e9afd58fc0037107509dfe:150, https://img.utdstc.com/screen/4f7/ec2/4f7ec224eaf365c80627a3ac29094829a246997113e9afd58fc0037107509dfe:300 2x"> <source id="source2-6" media="(min-width:996px)" srcset="https://img.utdstc.com/screen/4f7/ec2/4f7ec224eaf365c80627a3ac29094829a246997113e9afd58fc0037107509dfe:200, https://img.utdstc.com/screen/4f7/ec2/4f7ec224eaf365c80627a3ac29094829a246997113e9afd58fc0037107509dfe:400 2x"> <img loading="lazy" height="150" width="210" alt="Brackets screenshot 6" class="screenshot" data-screen-src="https://img.utdstc.com/screen/4f7/ec2/4f7ec224eaf365c80627a3ac29094829a246997113e9afd58fc0037107509dfe:300" data-src-large="https://img.utdstc.com/screen/4f7/ec2/4f7ec224eaf365c80627a3ac29094829a246997113e9afd58fc0037107509dfe:800" id="6" src="https://img.utdstc.com/screen/4f7/ec2/4f7ec224eaf365c80627a3ac29094829a246997113e9afd58fc0037107509dfe" fetchpriority="low" > </picture> </div> </div> <article> <div class="reviewer"> <img alt="Raúl Rosso icon" width="40" height="40" loading="lazy" src="https://stc.utdstc.com/img/raul.jpg"> <div class="text">Reviewed by </div> <a href="https://en.uptodown.com/editor/raul-rosso" class="name">Raúl Rosso</a> <div>Communications Specialist</div> </div> <div class="text-description" > <p>One of the best ways to move forward in web development is to unify and create links between design and implementation. <b>Brackets</b> is an editor for HTML, CSS, and JavaScript developed by Adobe that aims to do just that, offering tools to streamline the page-making process and improve conversion between graphic editors and their interpretation into a given language.</p><p>Brackets is an open-source tool with a clear and straightforward interface that automatically detects code. It helps in writing it, too, by indenting and color-coding segments for easy identification and organizing all the project elements in a work area where you can categorise everything in a tree and where code files and visual elements make up the page you're programming.</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><p>One of its most interesting features is the Live Preview mode, where you can open a project in the browser and see the changes you make in the source code in real time. In addition, its functions can be enormously expanded with third-party extensions. One of them, called Extract for Brackets, comes pre-integrated into the program and allows you to export data in the PSD format typical of Photoshop files, although this also requires registering for an Adobe account.</p> </div> <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 Brackets 2.2.1</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>Windows</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/windows/general-programming">General</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 <div id="language-apps">15 more</div> </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="http://brackets.io/" target="_blank" rel="noopener nofollow"> Adobe</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>262,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>Aug 23, 2023</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="available-in-other-platforms" class="platforms"> <div class="title-row"> <span class="title">Available for other platforms</span> </div> <div class="content"> <div> <a href="https://brackets.en.uptodown.com/mac"> <span class="mac"> <img alt="mac" loading=lazy width="20" height="20" src="https://stc.utdstc.com/img/icons-nolazy.svg#icon-20-mac"> </span> <span>Brackets for Mac</span> </a> </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="Brackets icon" loading="lazy" itemprop="image" src="https://img.utdstc.com/icon/285/5c3/2855c3aa20bbf51bee31c8eb5e8c9277e8b8ec575008a922e27c14a4096cfa37" srcset="https://img.utdstc.com/icon/285/5c3/2855c3aa20bbf51bee31c8eb5e8c9277e8b8ec575008a922e27c14a4096cfa37:100, https://img.utdstc.com/icon/285/5c3/2855c3aa20bbf51bee31c8eb5e8c9277e8b8ec575008a922e27c14a4096cfa37: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> <section class="rate"> <div class="title-row"> <h2 class="title">Rating</h2> </div> <div class="content"> <div id="rating" class="score"> 4.6 </div> <div class="graph" data-nosnippet> <div> <span>5</span> <span style="width:80.00%;"></span> </div> <div> <span>4</span> <span style="width:0.00%;"></span> </div> <div> <span>3</span> <span style="width:20.00%;"></span> </div> <div> <span>2</span> <span style="width:0.00%;"></span> </div> <div> <span>1</span> <span style="width:0.00%;"></span> </div> </div> </div> <div class="stat-comments" data-nosnippet> <span id="more-comments-rate-section"> <img loading="lazy" alt="" width="12" height="12" src="https://stc.utdstc.com/img/svgs/icon-12-comment.svg"> 5 reviews </span> </div> </section> <section class="comments"> <div class="title-row"> <h2 id="spanDetailComment" class="title">Comments</h2> </div> <div id="user-comments-section-list" class="content"> <div id="439997" class="comment "> <img alt="heavyblueduck90980 icon" loading="lazy" src="https://img.utdstc.com/avatars/20b/c15/20bc155692e8237fdb3a105d333452c9a0f9b61c83945d0e8d5f18870e3fa7d5:80" srcset="https://img.utdstc.com/avatars/20b/c15/20bc155692e8237fdb3a105d333452c9a0f9b61c83945d0e8d5f18870e3fa7d5:80 1x, https://img.utdstc.com/avatars/20b/c15/20bc155692e8237fdb3a105d333452c9a0f9b61c83945d0e8d5f18870e3fa7d5:160 2x, https://img.utdstc.com/avatars/20b/c15/20bc155692e8237fdb3a105d333452c9a0f9b61c83945d0e8d5f18870e3fa7d5:320 3x" onerror="this.onerror=null;this.src='https://stc.utdstc.com/img/no-img.png'; this.srcset='https://stc.utdstc.com/img/no-img.png';" width="40" height="40"> <div> <span id="3269587" data-url="#" class="user " data-role="user"> heavyblueduck90980 </span> <div class="rate-star"> <img loading="lazy" alt="" class="active" width="12" height="12" src="https://stc.utdstc.com/img/icon-rate-star.svg"> <img loading="lazy" alt="" class="active" width="12" height="12" src="https://stc.utdstc.com/img/icon-rate-star.svg"> <img loading="lazy" alt="" class="active" width="12" height="12" src="https://stc.utdstc.com/img/icon-rate-star.svg"> <img loading="lazy" alt="" class="active" width="12" height="12" src="https://stc.utdstc.com/img/icon-rate-star.svg"> <img loading="lazy" alt="" class="active" width="12" height="12" src="https://stc.utdstc.com/img/icon-rate-star.svg"> </div> <span>in 2019</span> <p>I've heard very good things about it.</p> <div class="stats"> <div class="favs-icon"> <img loading="lazy" alt="" width="12" height="12" src="https://stc.utdstc.com/img/svgs/icon-12-like.svg"> <span>5</span> </div> <div class="response-icon"> <img loading="lazy" alt="" width="12" height="12" src="https://stc.utdstc.com/img/svgs/icon-12-comment.svg"> <span>Reply</span> </div> </div> </div> </div> <div id="432454" class="comment "> <img alt="everest1234568 icon" loading="lazy" src="https://img.utdstc.com/avatars/661/cac/661cacacc7c4a4b832d2f5c31c91d222d78156b7f736e4872c795407a2509907:80" srcset="https://img.utdstc.com/avatars/661/cac/661cacacc7c4a4b832d2f5c31c91d222d78156b7f736e4872c795407a2509907:80 1x, https://img.utdstc.com/avatars/661/cac/661cacacc7c4a4b832d2f5c31c91d222d78156b7f736e4872c795407a2509907:160 2x, https://img.utdstc.com/avatars/661/cac/661cacacc7c4a4b832d2f5c31c91d222d78156b7f736e4872c795407a2509907:320 3x" onerror="this.onerror=null;this.src='https://stc.utdstc.com/img/no-img.png'; this.srcset='https://stc.utdstc.com/img/no-img.png';" width="40" height="40"> <div> <span id="3224904" data-url="#" class="user " data-role="user"> everest1234568 </span> <div class="rate-star"> <img loading="lazy" alt="" class="active" width="12" height="12" src="https://stc.utdstc.com/img/icon-rate-star.svg"> <img loading="lazy" alt="" class="active" width="12" height="12" src="https://stc.utdstc.com/img/icon-rate-star.svg"> <img loading="lazy" alt="" class="active" width="12" height="12" src="https://stc.utdstc.com/img/icon-rate-star.svg"> <img loading="lazy" alt="" class="active" width="12" height="12" src="https://stc.utdstc.com/img/icon-rate-star.svg"> <img loading="lazy" alt="" class="active" width="12" height="12" src="https://stc.utdstc.com/img/icon-rate-star.svg"> </div> <span>in 2019</span> <p>The link is not working for some reason.</p> <div class="stats"> <div class="favs-icon"> <img loading="lazy" alt="" width="12" height="12" src="https://stc.utdstc.com/img/svgs/icon-12-like.svg"> <span>9</span> </div> <div class="response-icon"> <img loading="lazy" alt="" width="12" height="12" src="https://stc.utdstc.com/img/svgs/icon-12-comment.svg"> <span>Reply</span> </div> </div> </div> </div> <div id="421689" class="comment "> <img alt="younggoldenblackberry8475 icon" loading="lazy" src="https://img.utdstc.com/avatars/8c9/d40/8c9d40d713cdd5e1932fd328a53ca084199d8a8f88c0460eb3a51d9f21807a5a:80" srcset="https://img.utdstc.com/avatars/8c9/d40/8c9d40d713cdd5e1932fd328a53ca084199d8a8f88c0460eb3a51d9f21807a5a:80 1x, https://img.utdstc.com/avatars/8c9/d40/8c9d40d713cdd5e1932fd328a53ca084199d8a8f88c0460eb3a51d9f21807a5a:160 2x, https://img.utdstc.com/avatars/8c9/d40/8c9d40d713cdd5e1932fd328a53ca084199d8a8f88c0460eb3a51d9f21807a5a:320 3x" onerror="this.onerror=null;this.src='https://stc.utdstc.com/img/no-img.png'; this.srcset='https://stc.utdstc.com/img/no-img.png';" width="40" height="40"> <div> <span id="3150645" data-url="#" class="user " data-role="user"> younggoldenblackberry8475 </span> <div class="rate-star"> <img loading="lazy" alt="" class="active" width="12" height="12" src="https://stc.utdstc.com/img/icon-rate-star.svg"> <img loading="lazy" alt="" class="active" width="12" height="12" src="https://stc.utdstc.com/img/icon-rate-star.svg"> <img loading="lazy" alt="" class="active" width="12" height="12" src="https://stc.utdstc.com/img/icon-rate-star.svg"> <img loading="lazy" alt="" class="active" width="12" height="12" src="https://stc.utdstc.com/img/icon-rate-star.svg"> <img loading="lazy" alt="" class="active" width="12" height="12" src="https://stc.utdstc.com/img/icon-rate-star.svg"> </div> <span>in 2019</span> <p>A bomb cannon!</p> <div class="stats"> <div class="favs-icon"> <img loading="lazy" alt="" width="12" height="12" src="https://stc.utdstc.com/img/svgs/icon-12-like.svg"> <span>7</span> </div> <div class="response-icon"> <img loading="lazy" alt="" width="12" height="12" src="https://stc.utdstc.com/img/svgs/icon-12-comment.svg"> <span>Reply</span> </div> </div> </div> </div> <div id="235356" class="comment "> <img alt="arberthemannn icon" loading="lazy" src="https://img.utdstc.com/avatars/ea6/b0c/ea6b0c76bbe3b36cbeeec20b28aa696f0022ee346469ccff1e229c38df7b233e:80" srcset="https://img.utdstc.com/avatars/ea6/b0c/ea6b0c76bbe3b36cbeeec20b28aa696f0022ee346469ccff1e229c38df7b233e:80 1x, https://img.utdstc.com/avatars/ea6/b0c/ea6b0c76bbe3b36cbeeec20b28aa696f0022ee346469ccff1e229c38df7b233e:160 2x, https://img.utdstc.com/avatars/ea6/b0c/ea6b0c76bbe3b36cbeeec20b28aa696f0022ee346469ccff1e229c38df7b233e:320 3x" onerror="this.onerror=null;this.src='https://stc.utdstc.com/img/no-img.png'; this.srcset='https://stc.utdstc.com/img/no-img.png';" width="40" height="40"> <div> <span id="1573732" data-url="#" class="user " data-role="user"> arberthemannn </span> <div class="rate-star"> <img loading="lazy" alt="" class="active" width="12" height="12" src="https://stc.utdstc.com/img/icon-rate-star.svg"> <img loading="lazy" alt="" class="active" width="12" height="12" src="https://stc.utdstc.com/img/icon-rate-star.svg"> <img loading="lazy" alt="" class="active" 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> <span>in 2017</span> <p>how do i do an element brackets? what does it do?</p> <div class="stats"> <div class="favs-icon"> <img loading="lazy" alt="" width="12" height="12" src="https://stc.utdstc.com/img/svgs/icon-12-like.svg"> <span>5</span> </div> <div class="response-icon"> <img loading="lazy" alt="" width="12" height="12" src="https://stc.utdstc.com/img/svgs/icon-12-comment.svg"> <span>Reply</span> </div> </div> </div> </div> </div> </section> <section class="item-row item-row-section "> <div class="title-row"> <a class="title item-section-anchor" href="https://en.uptodown.com/windows/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://formatfactory.en.uptodown.com/windows'; addEventAnalytics('floatingCategory', {'event_category': 'item'});"> <figure> <img width="100" height="100" loading="lazy" alt="FormatFactory icon" class="app_card_img" src="https://img.utdstc.com/icon/5a8/799/5a8799304aac8eb117069578dca7f079de13fcabf5140da1453d7f787335e792" srcset="https://img.utdstc.com/icon/5a8/799/5a8799304aac8eb117069578dca7f079de13fcabf5140da1453d7f787335e792:100 1x, https://img.utdstc.com/icon/5a8/799/5a8799304aac8eb117069578dca7f079de13fcabf5140da1453d7f787335e792: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://formatfactory.en.uptodown.com/windows" title="Download FormatFactory">FormatFactory</a> </div> <div class="description">Conversion between video, sound and image formats</div> </div> <div class="item" onclick="location.href='https://vlc-media-player.en.uptodown.com/windows'; addEventAnalytics('floatingCategory', {'event_category': 'item'});"> <figure> <img width="100" height="100" loading="lazy" alt="VLC Media Player icon" class="app_card_img" src="https://img.utdstc.com/icon/2fa/177/2fa1778827faa3e8748f9165c20de3ee25cbee77b59e4d41590b37354dca5400" srcset="https://img.utdstc.com/icon/2fa/177/2fa1778827faa3e8748f9165c20de3ee25cbee77b59e4d41590b37354dca5400:100 1x, https://img.utdstc.com/icon/2fa/177/2fa1778827faa3e8748f9165c20de3ee25cbee77b59e4d41590b37354dca5400: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://vlc-media-player.en.uptodown.com/windows" title="Download VLC Media Player">VLC Media Player</a> </div> <div class="description">A powerful media player and streaming server</div> </div> <div class="item" onclick="location.href='https://bloodshed-dev-c-plus-plus.en.uptodown.com/windows'; addEventAnalytics('floatingCategory', {'event_category': 'item'});"> <figure> <img width="100" height="100" loading="lazy" alt="Dev-C++ icon" class="app_card_img" src="https://img.utdstc.com/icon/cfe/f5d/cfef5dce3105466d25ca981b1a52982fca005e66ef21ce1254eefe76cf7d20ce" srcset="https://img.utdstc.com/icon/cfe/f5d/cfef5dce3105466d25ca981b1a52982fca005e66ef21ce1254eefe76cf7d20ce:100 1x, https://img.utdstc.com/icon/cfe/f5d/cfef5dce3105466d25ca981b1a52982fca005e66ef21ce1254eefe76cf7d20ce: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://bloodshed-dev-c-plus-plus.en.uptodown.com/windows" title="Download Dev-C++">Dev-C++</a> </div> <div class="description">Development environment for C and C++</div> </div> <div class="item" onclick="location.href='https://autoclicker.en.uptodown.com/windows'; addEventAnalytics('floatingCategory', {'event_category': 'item'});"> <figure> <img width="100" height="100" loading="lazy" alt="OP Auto Clicker icon" fetchpriority="low" class="app_card_img" src="https://img.utdstc.com/icon/94c/a35/94ca3514a654be0fd6557d1a38bfc225e7b3e57715af8c9576edb9d351c283c4" srcset="https://img.utdstc.com/icon/94c/a35/94ca3514a654be0fd6557d1a38bfc225e7b3e57715af8c9576edb9d351c283c4:100 1x, https://img.utdstc.com/icon/94c/a35/94ca3514a654be0fd6557d1a38bfc225e7b3e57715af8c9576edb9d351c283c4: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://autoclicker.en.uptodown.com/windows" title="Download OP Auto Clicker">OP Auto Clicker</a> </div> <div class="description">Automate mouse clicks on your computer</div> </div> <div class="item" onclick="location.href='https://lively-wallpaper.en.uptodown.com/windows'; addEventAnalytics('floatingCategory', {'event_category': 'item'});"> <figure> <img width="100" height="100" loading="lazy" alt="Lively Wallpaper icon" fetchpriority="low" class="app_card_img" src="https://img.utdstc.com/icon/2af/75f/2af75f1d6ab1809e91f1a42e814ec627c9f448db79dd2d4e14cb2972c6445bc3" srcset="https://img.utdstc.com/icon/2af/75f/2af75f1d6ab1809e91f1a42e814ec627c9f448db79dd2d4e14cb2972c6445bc3:100 1x, https://img.utdstc.com/icon/2af/75f/2af75f1d6ab1809e91f1a42e814ec627c9f448db79dd2d4e14cb2972c6445bc3: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://lively-wallpaper.en.uptodown.com/windows" title="Download Lively Wallpaper">Lively Wallpaper</a> </div> <div class="description">Give life to your computer's desktop background</div> </div> <div class="item" onclick="location.href='https://powertunnel.en.uptodown.com/windows'; addEventAnalytics('floatingCategory', {'event_category': 'item'});"> <figure> <img width="100" height="100" loading="lazy" alt="PowerTunnel icon" fetchpriority="low" class="app_card_img" src="https://img.utdstc.com/icon/795/358/795358671aec56acd9ce275947066f59c34f427c3fc975f696838ca32a6ff44c" srcset="https://img.utdstc.com/icon/795/358/795358671aec56acd9ce275947066f59c34f427c3fc975f696838ca32a6ff44c:100 1x, https://img.utdstc.com/icon/795/358/795358671aec56acd9ce275947066f59c34f427c3fc975f696838ca32a6ff44c: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://powertunnel.en.uptodown.com/windows" title="Download PowerTunnel">PowerTunnel</a> </div> <div class="description">Surf the Internet freely and privately on Windows</div> </div> <div class="item" onclick="location.href='https://nicotineplus.en.uptodown.com/windows'; addEventAnalytics('floatingCategory', {'event_category': 'item'});"> <figure> <img width="100" height="100" loading="lazy" alt="Nicotine+ icon" fetchpriority="low" class="app_card_img" src="https://img.utdstc.com/icon/f63/de1/f63de11e3a8b1dee8376d1473751837f144a8df791a69164521c1e2559471256" srcset="https://img.utdstc.com/icon/f63/de1/f63de11e3a8b1dee8376d1473751837f144a8df791a69164521c1e2559471256:100 1x, https://img.utdstc.com/icon/f63/de1/f63de11e3a8b1dee8376d1473751837f144a8df791a69164521c1e2559471256: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://nicotineplus.en.uptodown.com/windows" title="Download Nicotine+">Nicotine+</a> </div> <div class="description">Share and download music</div> </div> <div class="item" onclick="location.href='https://spicetify.en.uptodown.com/windows'; addEventAnalytics('floatingCategory', {'event_category': 'item'});"> <figure> <img width="100" height="100" loading="lazy" alt="Spicetify icon" fetchpriority="low" class="app_card_img" src="https://img.utdstc.com/icon/cdd/b28/cddb288ab05e01b7f27128a8337564d32ca2624b1f9310a4f00de45c6356c544" srcset="https://img.utdstc.com/icon/cdd/b28/cddb288ab05e01b7f27128a8337564d32ca2624b1f9310a4f00de45c6356c544:100 1x, https://img.utdstc.com/icon/cdd/b28/cddb288ab05e01b7f27128a8337564d32ca2624b1f9310a4f00de45c6356c544: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://spicetify.en.uptodown.com/windows" title="Download Spicetify">Spicetify</a> </div> <div class="description">Modify Spotify's interface and features on your PC</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://brackets.en.uptodown.com/windows/alternatives" onclick="addEventAnalytics('item-viewMore', {'event_category': 'item'});"> <h2>Alternatives to Brackets</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://visual-studio-code.en.uptodown.com/windows';addEventAnalytics('alternatives', {'event_category': 'item'});"> <figure> <picture> <source media="(max-width:1396px)" srcset="https://img.utdstc.com/icon/ebd/c75/ebdc759e8c0dd0f603ea13620f6f2ff5221bc73ac9a823e9356ca7e09b90488a:100, https://img.utdstc.com/icon/ebd/c75/ebdc759e8c0dd0f603ea13620f6f2ff5221bc73ac9a823e9356ca7e09b90488a:200 2x"> <source media="(min-width:1396px)" srcset="https://img.utdstc.com/icon/ebd/c75/ebdc759e8c0dd0f603ea13620f6f2ff5221bc73ac9a823e9356ca7e09b90488a:60, https://img.utdstc.com/icon/ebd/c75/ebdc759e8c0dd0f603ea13620f6f2ff5221bc73ac9a823e9356ca7e09b90488a:120 2x"> <img width="100" height="100" loading="lazy" alt="Visual Studio Code icon" class="app_card_img" src="https://img.utdstc.com/icon/ebd/c75/ebdc759e8c0dd0f603ea13620f6f2ff5221bc73ac9a823e9356ca7e09b90488a" 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://visual-studio-code.en.uptodown.com/windows" title="Download Visual Studio Code">Visual Studio Code</a> </div> <div class="description">Microsoft's cross-platform code editor</div> </div> <div class="item" onclick="location.href='https://xampp.en.uptodown.com/windows';addEventAnalytics('alternatives', {'event_category': 'item'});"> <figure> <picture> <source media="(max-width:1396px)" srcset="https://img.utdstc.com/icon/52b/ca7/52bca7c3ba7b1ee97913ca068d5e1d08d64806ecd6a979d4f96eef63d1254c92:100, https://img.utdstc.com/icon/52b/ca7/52bca7c3ba7b1ee97913ca068d5e1d08d64806ecd6a979d4f96eef63d1254c92:200 2x"> <source media="(min-width:1396px)" srcset="https://img.utdstc.com/icon/52b/ca7/52bca7c3ba7b1ee97913ca068d5e1d08d64806ecd6a979d4f96eef63d1254c92:60, https://img.utdstc.com/icon/52b/ca7/52bca7c3ba7b1ee97913ca068d5e1d08d64806ecd6a979d4f96eef63d1254c92:120 2x"> <img width="100" height="100" loading="lazy" alt="XAMPP icon" class="app_card_img" src="https://img.utdstc.com/icon/52b/ca7/52bca7c3ba7b1ee97913ca068d5e1d08d64806ecd6a979d4f96eef63d1254c92" 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://xampp.en.uptodown.com/windows" title="Download XAMPP">XAMPP</a> </div> <div class="description">Set up a web server with Apache, PHP and MySQL in 5 minutes</div> </div> <div class="item" onclick="location.href='https://eclipse.en.uptodown.com/windows';addEventAnalytics('alternatives', {'event_category': 'item'});"> <figure> <picture> <source media="(max-width:1396px)" srcset="https://img.utdstc.com/icon/3c7/fcf/3c7fcf4930fa9402c22cee35e03fe9fcf9e8e47c9381d6b9e6922d71ee2e067a:100, https://img.utdstc.com/icon/3c7/fcf/3c7fcf4930fa9402c22cee35e03fe9fcf9e8e47c9381d6b9e6922d71ee2e067a:200 2x"> <source media="(min-width:1396px)" srcset="https://img.utdstc.com/icon/3c7/fcf/3c7fcf4930fa9402c22cee35e03fe9fcf9e8e47c9381d6b9e6922d71ee2e067a:60, https://img.utdstc.com/icon/3c7/fcf/3c7fcf4930fa9402c22cee35e03fe9fcf9e8e47c9381d6b9e6922d71ee2e067a:120 2x"> <img width="100" height="100" loading="lazy" alt="Eclipse IDE icon" class="app_card_img" src="https://img.utdstc.com/icon/3c7/fcf/3c7fcf4930fa9402c22cee35e03fe9fcf9e8e47c9381d6b9e6922d71ee2e067a" 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://eclipse.en.uptodown.com/windows" title="Download Eclipse IDE">Eclipse IDE</a> </div> <div class="description">The most popular development environment</div> </div> <div class="item" onclick="location.href='https://github.en.uptodown.com/windows';addEventAnalytics('alternatives', {'event_category': 'item'});"> <figure> <picture> <source media="(max-width:1396px)" srcset="https://img.utdstc.com/icon/6c6/f52/6c6f5220992cfe60cbfedbba2d284892382ffb3c0d899cf1b182f92fa1930c9f:100, https://img.utdstc.com/icon/6c6/f52/6c6f5220992cfe60cbfedbba2d284892382ffb3c0d899cf1b182f92fa1930c9f:200 2x"> <source media="(min-width:1396px)" srcset="https://img.utdstc.com/icon/6c6/f52/6c6f5220992cfe60cbfedbba2d284892382ffb3c0d899cf1b182f92fa1930c9f:60, https://img.utdstc.com/icon/6c6/f52/6c6f5220992cfe60cbfedbba2d284892382ffb3c0d899cf1b182f92fa1930c9f:120 2x"> <img width="100" height="100" loading="lazy" alt="GitHub Desktop icon" class="app_card_img" src="https://img.utdstc.com/icon/6c6/f52/6c6f5220992cfe60cbfedbba2d284892382ffb3c0d899cf1b182f92fa1930c9f" 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://github.en.uptodown.com/windows" title="Download GitHub Desktop">GitHub Desktop</a> </div> <div class="description">Develop in Windows, share in GitHub</div> </div> <div class="item" onclick="location.href='https://atom.en.uptodown.com/windows';addEventAnalytics('alternatives', {'event_category': 'item'});"> <figure> <picture> <source media="(max-width:1396px)" srcset="https://img.utdstc.com/icon/29f/b8c/29fb8ca7d51ee52cd1b89848d36bc2e2dcade52591409f9c8115752383f07360:100, https://img.utdstc.com/icon/29f/b8c/29fb8ca7d51ee52cd1b89848d36bc2e2dcade52591409f9c8115752383f07360:200 2x"> <source media="(min-width:1396px)" srcset="https://img.utdstc.com/icon/29f/b8c/29fb8ca7d51ee52cd1b89848d36bc2e2dcade52591409f9c8115752383f07360:60, https://img.utdstc.com/icon/29f/b8c/29fb8ca7d51ee52cd1b89848d36bc2e2dcade52591409f9c8115752383f07360:120 2x"> <img width="100" height="100" loading="lazy" alt="Atom icon" class="app_card_img" src="https://img.utdstc.com/icon/29f/b8c/29fb8ca7d51ee52cd1b89848d36bc2e2dcade52591409f9c8115752383f07360" 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://atom.en.uptodown.com/windows" title="Download Atom">Atom</a> </div> <div class="description">The comprehensive text editor for programmers, created by GitHub</div> </div> <div class="item" onclick="location.href='https://free-pascal.en.uptodown.com/windows';addEventAnalytics('alternatives', {'event_category': 'item'});"> <figure> <picture> <source media="(max-width:1396px)" srcset="https://img.utdstc.com/icon/95e/a1e/95ea1ee3fce5a7e004acf683561b3f8a4e9ca60e4c84d77f998d69bc8ee29246:100, https://img.utdstc.com/icon/95e/a1e/95ea1ee3fce5a7e004acf683561b3f8a4e9ca60e4c84d77f998d69bc8ee29246:200 2x"> <source media="(min-width:1396px)" srcset="https://img.utdstc.com/icon/95e/a1e/95ea1ee3fce5a7e004acf683561b3f8a4e9ca60e4c84d77f998d69bc8ee29246:60, https://img.utdstc.com/icon/95e/a1e/95ea1ee3fce5a7e004acf683561b3f8a4e9ca60e4c84d77f998d69bc8ee29246:120 2x"> <img width="100" height="100" loading="lazy" alt="Free Pascal icon" class="app_card_img" src="https://img.utdstc.com/icon/95e/a1e/95ea1ee3fce5a7e004acf683561b3f8a4e9ca60e4c84d77f998d69bc8ee29246" 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://free-pascal.en.uptodown.com/windows" title="Download Free Pascal">Free Pascal</a> </div> <div class="description">Open source compiler for Pascal</div> </div> <div class="item" onclick="location.href='https://r.en.uptodown.com/windows';addEventAnalytics('alternatives', {'event_category': 'item'});"> <figure> <picture> <source media="(max-width:1396px)" srcset="https://img.utdstc.com/icon/959/c00/959c0049d9453f407363ee7b3a491d3dc916928b24b24ecd0d01b4e88c8bec3e:100, https://img.utdstc.com/icon/959/c00/959c0049d9453f407363ee7b3a491d3dc916928b24b24ecd0d01b4e88c8bec3e:200 2x"> <source media="(min-width:1396px)" srcset="https://img.utdstc.com/icon/959/c00/959c0049d9453f407363ee7b3a491d3dc916928b24b24ecd0d01b4e88c8bec3e:60, https://img.utdstc.com/icon/959/c00/959c0049d9453f407363ee7b3a491d3dc916928b24b24ecd0d01b4e88c8bec3e:120 2x"> <img width="100" height="100" loading="lazy" alt="R icon" class="app_card_img" src="https://img.utdstc.com/icon/959/c00/959c0049d9453f407363ee7b3a491d3dc916928b24b24ecd0d01b4e88c8bec3e" 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://r.en.uptodown.com/windows" title="Download R">R</a> </div> <div class="description">Powerful statistical computing environment</div> </div> <div class="item" onclick="location.href='https://apk-editor-studio.en.uptodown.com/windows';addEventAnalytics('alternatives', {'event_category': 'item'});"> <figure> <picture> <source media="(max-width:1396px)" srcset="https://img.utdstc.com/icon/e9d/6e1/e9d6e14ef604d55c2ca6c87cda8bb45b19922a20ae6b2209e27026df4a41d5b0:100, https://img.utdstc.com/icon/e9d/6e1/e9d6e14ef604d55c2ca6c87cda8bb45b19922a20ae6b2209e27026df4a41d5b0:200 2x"> <source media="(min-width:1396px)" srcset="https://img.utdstc.com/icon/e9d/6e1/e9d6e14ef604d55c2ca6c87cda8bb45b19922a20ae6b2209e27026df4a41d5b0:60, https://img.utdstc.com/icon/e9d/6e1/e9d6e14ef604d55c2ca6c87cda8bb45b19922a20ae6b2209e27026df4a41d5b0:120 2x"> <img width="100" height="100" loading="lazy" alt="APK Editor Studio icon" class="app_card_img" src="https://img.utdstc.com/icon/e9d/6e1/e9d6e14ef604d55c2ca6c87cda8bb45b19922a20ae6b2209e27026df4a41d5b0" 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://apk-editor-studio.en.uptodown.com/windows" title="Download APK Editor Studio">APK Editor Studio</a> </div> <div class="description">Reverse engineer APKs on Windows</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/windows/development" onclick="addEventAnalytics('item-viewMore', {'event_category': 'item'});"> <h2>Discover Development 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://bloodshed-dev-c-plus-plus.en.uptodown.com/windows';addEventAnalytics('news', {'event_category': 'item'});"> <figure> <picture> <source media="(max-width:1396px)" srcset="https://img.utdstc.com/icon/cfe/f5d/cfef5dce3105466d25ca981b1a52982fca005e66ef21ce1254eefe76cf7d20ce:100, https://img.utdstc.com/icon/cfe/f5d/cfef5dce3105466d25ca981b1a52982fca005e66ef21ce1254eefe76cf7d20ce:200 2x"> <source media="(min-width:1396px)" srcset="https://img.utdstc.com/icon/cfe/f5d/cfef5dce3105466d25ca981b1a52982fca005e66ef21ce1254eefe76cf7d20ce:60, https://img.utdstc.com/icon/cfe/f5d/cfef5dce3105466d25ca981b1a52982fca005e66ef21ce1254eefe76cf7d20ce:120 2x"> <img width="100" height="100" loading="lazy" alt="Dev-C++ icon" class="app_card_img" src="https://img.utdstc.com/icon/cfe/f5d/cfef5dce3105466d25ca981b1a52982fca005e66ef21ce1254eefe76cf7d20ce" 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://bloodshed-dev-c-plus-plus.en.uptodown.com/windows" title="Download Dev-C++">Dev-C++</a> </div> <div class="description">Development environment for C and C++</div> </div> <div class="item" onclick="location.href='https://microsoft-visual-c-plus-plus.en.uptodown.com/windows';addEventAnalytics('news', {'event_category': 'item'});"> <figure> <picture> <source media="(max-width:1396px)" srcset="https://img.utdstc.com/icon/d34/a74/d34a74281538887e01059f9801d0a1f14bfcebc6eb10a6371e5a97be500f0bb8:100, https://img.utdstc.com/icon/d34/a74/d34a74281538887e01059f9801d0a1f14bfcebc6eb10a6371e5a97be500f0bb8:200 2x"> <source media="(min-width:1396px)" srcset="https://img.utdstc.com/icon/d34/a74/d34a74281538887e01059f9801d0a1f14bfcebc6eb10a6371e5a97be500f0bb8:60, https://img.utdstc.com/icon/d34/a74/d34a74281538887e01059f9801d0a1f14bfcebc6eb10a6371e5a97be500f0bb8:120 2x"> <img width="100" height="100" loading="lazy" alt="Microsoft Visual C++ Redistributable icon" class="app_card_img" src="https://img.utdstc.com/icon/d34/a74/d34a74281538887e01059f9801d0a1f14bfcebc6eb10a6371e5a97be500f0bb8" 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://microsoft-visual-c-plus-plus.en.uptodown.com/windows" title="Download Microsoft Visual C++ Redistributable">Microsoft Visual C++ Redistributable</a> </div> <div class="description">Component required to run Visual C++ applications</div> </div> <div class="item" onclick="location.href='https://visual-studio-code.en.uptodown.com/windows';addEventAnalytics('news', {'event_category': 'item'});"> <figure> <picture> <source media="(max-width:1396px)" srcset="https://img.utdstc.com/icon/ebd/c75/ebdc759e8c0dd0f603ea13620f6f2ff5221bc73ac9a823e9356ca7e09b90488a:100, https://img.utdstc.com/icon/ebd/c75/ebdc759e8c0dd0f603ea13620f6f2ff5221bc73ac9a823e9356ca7e09b90488a:200 2x"> <source media="(min-width:1396px)" srcset="https://img.utdstc.com/icon/ebd/c75/ebdc759e8c0dd0f603ea13620f6f2ff5221bc73ac9a823e9356ca7e09b90488a:60, https://img.utdstc.com/icon/ebd/c75/ebdc759e8c0dd0f603ea13620f6f2ff5221bc73ac9a823e9356ca7e09b90488a:120 2x"> <img width="100" height="100" loading="lazy" alt="Visual Studio Code icon" class="app_card_img" src="https://img.utdstc.com/icon/ebd/c75/ebdc759e8c0dd0f603ea13620f6f2ff5221bc73ac9a823e9356ca7e09b90488a" 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://visual-studio-code.en.uptodown.com/windows" title="Download Visual Studio Code">Visual Studio Code</a> </div> <div class="description">Microsoft's cross-platform code editor</div> </div> <div class="item" onclick="location.href='https://android-studio.en.uptodown.com/windows';addEventAnalytics('news', {'event_category': 'item'});"> <figure> <picture> <source media="(max-width:1396px)" srcset="https://img.utdstc.com/icon/a72/4fd/a724fdd31aacfd851b13275a3b315cdec444704e2b0154d402e7df1e3eb7f0c1:100, https://img.utdstc.com/icon/a72/4fd/a724fdd31aacfd851b13275a3b315cdec444704e2b0154d402e7df1e3eb7f0c1:200 2x"> <source media="(min-width:1396px)" srcset="https://img.utdstc.com/icon/a72/4fd/a724fdd31aacfd851b13275a3b315cdec444704e2b0154d402e7df1e3eb7f0c1:60, https://img.utdstc.com/icon/a72/4fd/a724fdd31aacfd851b13275a3b315cdec444704e2b0154d402e7df1e3eb7f0c1:120 2x"> <img width="100" height="100" loading="lazy" alt="Android Studio icon" class="app_card_img" src="https://img.utdstc.com/icon/a72/4fd/a724fdd31aacfd851b13275a3b315cdec444704e2b0154d402e7df1e3eb7f0c1" 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://android-studio.en.uptodown.com/windows" title="Download Android Studio">Android Studio</a> </div> <div class="description">The new programming environment for Android</div> </div> <div class="item" onclick="location.href='https://scratch.en.uptodown.com/windows';addEventAnalytics('news', {'event_category': 'item'});"> <figure> <picture> <source media="(max-width:1396px)" srcset="https://img.utdstc.com/icon/5c4/39f/5c439f3a0146f65605ff73c2b83b731acf0d4fc18a9ba46841218ce409532b1d:100, https://img.utdstc.com/icon/5c4/39f/5c439f3a0146f65605ff73c2b83b731acf0d4fc18a9ba46841218ce409532b1d:200 2x"> <source media="(min-width:1396px)" srcset="https://img.utdstc.com/icon/5c4/39f/5c439f3a0146f65605ff73c2b83b731acf0d4fc18a9ba46841218ce409532b1d:60, https://img.utdstc.com/icon/5c4/39f/5c439f3a0146f65605ff73c2b83b731acf0d4fc18a9ba46841218ce409532b1d:120 2x"> <img width="100" height="100" loading="lazy" alt="Scratch icon" class="app_card_img" src="https://img.utdstc.com/icon/5c4/39f/5c439f3a0146f65605ff73c2b83b731acf0d4fc18a9ba46841218ce409532b1d" 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://scratch.en.uptodown.com/windows" title="Download Scratch">Scratch</a> </div> <div class="description">Learn to program by creating small educational projects</div> </div> <div class="item" onclick="location.href='https://xampp.en.uptodown.com/windows';addEventAnalytics('news', {'event_category': 'item'});"> <figure> <picture> <source media="(max-width:1396px)" srcset="https://img.utdstc.com/icon/52b/ca7/52bca7c3ba7b1ee97913ca068d5e1d08d64806ecd6a979d4f96eef63d1254c92:100, https://img.utdstc.com/icon/52b/ca7/52bca7c3ba7b1ee97913ca068d5e1d08d64806ecd6a979d4f96eef63d1254c92:200 2x"> <source media="(min-width:1396px)" srcset="https://img.utdstc.com/icon/52b/ca7/52bca7c3ba7b1ee97913ca068d5e1d08d64806ecd6a979d4f96eef63d1254c92:60, https://img.utdstc.com/icon/52b/ca7/52bca7c3ba7b1ee97913ca068d5e1d08d64806ecd6a979d4f96eef63d1254c92:120 2x"> <img width="100" height="100" loading="lazy" alt="XAMPP icon" class="app_card_img" src="https://img.utdstc.com/icon/52b/ca7/52bca7c3ba7b1ee97913ca068d5e1d08d64806ecd6a979d4f96eef63d1254c92" 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://xampp.en.uptodown.com/windows" title="Download XAMPP">XAMPP</a> </div> <div class="description">Set up a web server with Apache, PHP and MySQL in 5 minutes</div> </div> <div class="item" onclick="location.href='https://arduino-ide.en.uptodown.com/windows';addEventAnalytics('news', {'event_category': 'item'});"> <figure> <picture> <source media="(max-width:1396px)" srcset="https://img.utdstc.com/icon/165/ef1/165ef10274290f7ef9573f230b88a8ce490efb6ae64debb759dd659c0b55051d:100, https://img.utdstc.com/icon/165/ef1/165ef10274290f7ef9573f230b88a8ce490efb6ae64debb759dd659c0b55051d:200 2x"> <source media="(min-width:1396px)" srcset="https://img.utdstc.com/icon/165/ef1/165ef10274290f7ef9573f230b88a8ce490efb6ae64debb759dd659c0b55051d:60, https://img.utdstc.com/icon/165/ef1/165ef10274290f7ef9573f230b88a8ce490efb6ae64debb759dd659c0b55051d:120 2x"> <img width="100" height="100" loading="lazy" alt="Arduino IDE icon" class="app_card_img" src="https://img.utdstc.com/icon/165/ef1/165ef10274290f7ef9573f230b88a8ce490efb6ae64debb759dd659c0b55051d" 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://arduino-ide.en.uptodown.com/windows" title="Download Arduino IDE">Arduino IDE</a> </div> <div class="description">The official app for Arduino programming</div> </div> <div class="item" onclick="location.href='https://microsoft-expression-web.en.uptodown.com/windows';addEventAnalytics('news', {'event_category': 'item'});"> <figure> <picture> <source media="(max-width:1396px)" srcset="https://img.utdstc.com/icon/6f0/2b5/6f02b5cedb1f0858024f9b18b04bef479c68e7911ef866ed1dd6b2c0f3523b0c:100, https://img.utdstc.com/icon/6f0/2b5/6f02b5cedb1f0858024f9b18b04bef479c68e7911ef866ed1dd6b2c0f3523b0c:200 2x"> <source media="(min-width:1396px)" srcset="https://img.utdstc.com/icon/6f0/2b5/6f02b5cedb1f0858024f9b18b04bef479c68e7911ef866ed1dd6b2c0f3523b0c:60, https://img.utdstc.com/icon/6f0/2b5/6f02b5cedb1f0858024f9b18b04bef479c68e7911ef866ed1dd6b2c0f3523b0c:120 2x"> <img width="100" height="100" loading="lazy" alt="Microsoft Expression Web icon" class="app_card_img" src="https://img.utdstc.com/icon/6f0/2b5/6f02b5cedb1f0858024f9b18b04bef479c68e7911ef866ed1dd6b2c0f3523b0c" 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://microsoft-expression-web.en.uptodown.com/windows" title="Download Microsoft Expression Web">Microsoft Expression Web</a> </div> <div class="description">Develop your own web page with this program</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 windows active"> <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> <div class="li"><a href="https://en.uptodown.com/windows/audio">Audio</a></div> <div class="li"><a href="https://en.uptodown.com/windows/business">Business</a></div> <div class="li"><a href="https://en.uptodown.com/windows/desktop">Desktop</a></div> <div class="li"><a href="https://en.uptodown.com/windows/development">Development</a></div> <div class="li"><a href="https://en.uptodown.com/windows/education">Education</a></div> <div class="li"><a href="https://en.uptodown.com/windows/games">Games</a></div> <div class="li"><a href="https://en.uptodown.com/windows/internet">Internet</a></div> <div class="li"><a href="https://en.uptodown.com/windows/personal">Personal</a></div> <div class="li"><a href="https://en.uptodown.com/windows/photo-design">Photo & Design</a></div> <div class="li"><a href="https://en.uptodown.com/windows/utilities">Utilities</a></div> <div class="li"><a href="https://en.uptodown.com/windows/video">Video</a></div> <div class="li"><a href="https://en.uptodown.com/windows/editors-choice">Editor's choice</a></div> </div> <div data-platform-identifier="platform-item" class="li mac "> <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 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=windows"> <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://brackets.en.uptodown.com/windows"> <span class="lang">EN</span> English </a> </div> <div class="li "> <a href="https://brackets.uptodown.com/windows"> <span class="lang">ES</span> Español </a> </div> <div class="li "> <a href="https://brackets.br.uptodown.com/windows"> <span class="lang">PT</span> Português </a> </div> <div class="li "> <a href="https://brackets.de.uptodown.com/windows"> <span class="lang">DE</span> Deutsch </a> </div> <div class="li "> <a href="https://brackets.fr.uptodown.com/windows"> <span class="lang">FR</span> Français </a> </div> <div class="li "> <a href="https://brackets.it.uptodown.com/windows"> <span class="lang">IT</span> Italiano </a> </div> <div class="li "> <a href="https://brackets.cn.uptodown.com/windows"> <span class="lang">ZH</span> 中文 </a> </div> <div class="li "> <a href="https://brackets.jp.uptodown.com/windows"> <span class="lang">JA</span> 日本語 </a> </div> <div class="li "> <a href="https://brackets.ru.uptodown.com/windows"> <span class="lang">RU</span> Pусский </a> </div> <div class="li "> <a href="https://brackets.kr.uptodown.com/windows"> <span class="lang">KO</span> 한국어 </a> </div> <div class="li "> <a href="https://brackets.id.uptodown.com/windows"> <span class="lang">ID</span> B.Indonesia </a> </div> <div class="li "> <a href="https://brackets.ar.uptodown.com/windows"> <span class="lang">AR</span> العربية </a> </div> <div class="li "> <a href="https://brackets.th.uptodown.com/windows"> <span class="lang">TH</span> ภาษาไทย </a> </div> <div class="li "> <a href="https://brackets.tr.uptodown.com/windows"> <span class="lang">TR</span> Türkçe </a> </div> <div class="li "> <a href="https://brackets.in.uptodown.com/windows"> <span class="lang">HI</span> हिन्दी </a> </div> <div class="li "> <a href="https://brackets.vi.uptodown.com/windows"> <span class="lang">VI</span> tiếng Việt </a> </div> <div class="li "> <a href="https://brackets.ro.uptodown.com/windows"> <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=windows">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/1742814337218/vendor.js"></script> <script defer src="https://stc.utdstc.com/1742814337218/detail.js"></script> <script type="speculationrules"> { "prerender":[ { "source": "list", "urls": [ "https://brackets.en.uptodown.com/windows/download" ] } ] } </script> <script type="application/ld+json"> { "@context":"https://schema.org", "@type":"WebPage", "url":"https://brackets.en.uptodown.com/windows", "isPartOf":{ "@type": "WebSite", "name": "Uptodown", "url" : "https://en.uptodown.com/windows", "publisher" : {"@id" : "https://en.uptodown.com/#organization"} }, "mainEntity":{ "@type":"SoftwareApplication", "name":"Brackets", "url":"https://brackets.en.uptodown.com/windows", "description":"A dynamic web development environment", "image": "https://img.utdstc.com/icon/285/5c3/2855c3aa20bbf51bee31c8eb5e8c9277e8b8ec575008a922e27c14a4096cfa37", "operatingSystem":"Windows", "softwareVersion":"2.2.1", "datePublished":"1692798767", "interactionStatistic":{ "@type": "InteractionCounter", "interactionType": "https://schema.org/DownloadAction", "userInteractionCount": "262628" }, "applicationCategory":"DeveloperApplication", "applicationSubCategory":"General", "author":{ "@type":"Organization", "name":"Adobe", "mainEntityOfPage":{ "@type": "WebPage", "@id": "https://en.uptodown.com/developer/adobe", "publisher" : { "@id" : "https://www.uptodown.com/#organization" } }, "url":"http://brackets.io/" }, "offers": { "@type": "Offer", "price": "0", "priceCurrency":"EUR" }, "aggregateRating":{ "@type":"AggregateRating", "ratingValue": "4.6", "ratingCount": "5", "bestRating":"5", "worstRating":"0" }, "screenshot":[ { "@type": "ImageObject", "url":"https://img.utdstc.com/screen/d97/2ca/d972ca7c80c0d1058ee523312434b3a09605d624db0dbe3f1909f19db875ebbe:600" }, { "@type": "ImageObject", "url":"https://img.utdstc.com/screen/a68/8f2/a688f287b353791c559bb938b2a76b47f2b0d83a72d83999e66f3129e78fa676:600" }, { "@type": "ImageObject", "url":"https://img.utdstc.com/screen/f80/e8d/f80e8d9e9bc7df498b06b31c5e87d0a6094ef00392ebc0236bf4e0019165a34d:600" }, { "@type": "ImageObject", "url":"https://img.utdstc.com/screen/86b/873/86b873d67258a53b52eea46fdcae3e607a09613090e67ff2c134c64963021af8:600" }, { "@type": "ImageObject", "url":"https://img.utdstc.com/screen/9e4/dc2/9e4dc22ff6c51578475cba5ef3a3ba8603673a3e28cca7f7a0f27f9003aa72d4:600" }, { "@type": "ImageObject", "url":"https://img.utdstc.com/screen/4f7/ec2/4f7ec224eaf365c80627a3ac29094829a246997113e9afd58fc0037107509dfe:600" } ] , "inLanguage":[ { "@type": "Language", "name": "Arabic" }, { "@type": "Language", "name": "Bulgarian" }, { "@type": "Language", "name": "Chinese" }, { "@type": "Language", "name": "English" }, { "@type": "Language", "name": "French" }, { "@type": "Language", "name": "German" }, { "@type": "Language", "name": "Greek" }, { "@type": "Language", "name": "Hungarian" }, { "@type": "Language", "name": "Indonesian" }, { "@type": "Language", "name": "Italian" }, { "@type": "Language", "name": "Japanese" }, { "@type": "Language", "name": "Korean" }, { "@type": "Language", "name": "Portuguese" }, { "@type": "Language", "name": "Romanian" }, { "@type": "Language", "name": "Russian" }, { "@type": "Language", "name": "Spanish" }] , "review": { "@type": "Review", "reviewBody": "One of the best ways to move forward in web development is to unify and create links between design and implementation. Brackets is an editor for HTML, CSS, and JavaScript developed by Adobe that aims to do just that, offering tools to streamline the page-making process and improve conversion between graphic editors and their interpretation into a given language.Brackets is an open-source tool with a clear and straightforward interface that automatically detects code. It helps in writing it, too, by indenting and color-coding segments for easy identification and organizing all the project elements in a work area where you can categorise everything in a tree and where code files and visual elements make up the page you're programming.One of its most interesting features is the Live Preview mode, where you can open a project in the browser and see the changes you make in the source code in real time. In addition, its functions can be enormously expanded with third-party extensions. One of them, called Extract for Brackets, comes pre-integrated into the program and allows you to export data in the PSD format typical of Photoshop files, although this also requires registering for an Adobe account.", "author": { "@type": "Person", "name": "Raúl Rosso", "url": "https://en.uptodown.com/editor/raul-rosso" } } } } </script> <script type="application/ld+json"> { "@context":"https://schema.org", "@type":"BreadcrumbList", "itemListElement":[ { "@type": "ListItem", "position": 1, "name": "Windows", "item": "https://en.uptodown.com/windows" }, { "@type": "ListItem", "position": 2, "name": "Development", "item": "https://en.uptodown.com/windows/development" }, { "@type": "ListItem", "position": 3, "name": "General", "item": "https://en.uptodown.com/windows/general-programming" }, { "@type": "ListItem", "position": 4, "name": "Brackets", "item": "https://brackets.en.uptodown.com/windows" } ] } </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>