CINXE.COM

<!DOCTYPE html> <html lang="en-US" dir="ltr"> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://www.electronjs.org/","20211105204606","https://web.archive.org/","web","/_static/", "1636145166"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta content="#2f3241" name="theme-color"/> <meta property="og:type" content="website"/> <title>Electron | Build cross-platform desktop apps with JavaScript, HTML, and CSS.</title> <meta property="og:title" content="Electron | Build cross-platform desktop apps with JavaScript, HTML, and CSS."/> <meta name="twitter:title" value="Electron | Build cross-platform desktop apps with JavaScript, HTML, and CSS."/> <meta property="og:description" content="Build cross-platform desktop apps with JavaScript, HTML, and CSS."/> <meta name="twitter:description" value="Build cross-platform desktop apps with JavaScript, HTML, and CSS."/> <meta name="twitter:card" content="summary"> <meta property="twitter:image" content="https://www.electronjs.org/unknown.name"/>  <meta name="localized.clipboard.copy" content="Copy"/> <meta name="localized.clipboard.copy_to_clipboard" content="Copy to Clipboard"/> <meta name="localized.clipboard.copied" content="Copied"/> <meta name="localized.fiddle_launch_button.launch" content="Launch"/> <meta name="localized.fiddle_launch_button.launch_in_fiddle" content="Launch in Fiddle"/> <meta name="twitter:site" content="@ElectronJS"/> <link rel="shortcut icon" href="/web/20211105204606im_/https://www.electronjs.org/images/favicon.b7a59262df48d6563400baf5671da548.ico"/> <link rel="alternate" type="application/rss+xml" href="/web/20211105204606/https://www.electronjs.org/blog/rss.xml" title="Electron Blog RSS Feed"> <link rel="alternate" type="application/atom+xml" href="/web/20211105204606/https://www.electronjs.org/blog/atom.xml" title="Electron Blog Atom Feed"> <link rel="alternate" type="application/rss+xml" title="Electron Releases" href="https://web.archive.org/web/20211105204606/https://electronjs.org/releases.xml"/> <link rel="stylesheet" href="/web/20211105204606cs_/https://www.electronjs.org/styles/index.4b851eb2e0889be94834cfcbf95f79d6.min.css"> <link rel="stylesheet" href="https://web.archive.org/web/20211105204606cs_/https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css"/> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//web.archive.org/web/20211105204606/https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-160365006-1', 'auto'); ga('send', 'pageview'); </script> </head> <body> <header class="site-header"> <div class="container"> <a class="site-header-logo no-underline-hover" href="/web/20211105204606/https://www.electronjs.org/" aria-label="Electron Home Page"> <svg class="site-header-icon" viewbox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <g stroke="none" fill="none" fill-rule="evenodd"> <path class="svg-stroke" d="M11.7014354,7.72646259 C7.91761319,7.04380371 4.81334929,7.69369948 3.61536899,9.74908711 C2.72656361,11.27402 3.03878853,13.3122813 4.27551338,15.4489979 M6.32642733,18.1886712 C7.89193828,19.8928217 9.9666792,21.548102 12.4120986,22.9466461 C18.2414315,26.2804624 24.2930499,27.0779063 27.1669222,25.1368228 M29.8456419,24.0565148 C29.8456419,23.1971812 29.1423799,22.5005537 28.2748621,22.5005537 C27.4073444,22.5005537 26.7040823,23.1971812 26.7040823,24.0565148 C26.7040823,24.9158484 27.4073444,25.612476 28.2748621,25.612476 C29.1423799,25.612476 29.8456419,24.9158484 29.8456419,24.0565148 L29.8456419,24.0565148 Z"></path> <path class="svg-stroke" d="M26.1017264,17.699802 C28.5790274,14.8008665 29.5563892,11.8210699 28.3609038,9.7699627 C27.4866535,8.27000212 25.5971843,7.51855661 23.1692624,7.48727915 M19.6970573,7.86083838 C17.4054295,8.34719767 14.8948834,9.30454988 12.424266,10.7175048 C6.42288792,14.1497143 2.65401611,19.1281832 3.16552768,22.580522 M3.68501877,25.612476 C4.5525365,25.612476 5.25579857,24.9158484 5.25579857,24.0565148 C5.25579857,23.1971812 4.5525365,22.5005537 3.68501877,22.5005537 C2.81750104,22.5005537 2.11423897,23.1971812 2.11423897,24.0565148 C2.11423897,24.9158484 2.81750104,25.612476 3.68501877,25.612476 L3.68501877,25.612476 L3.68501877,25.612476 Z"></path> <path class="svg-stroke" d="M10.1856596,25.0699995 C11.480995,28.6529192 13.5999849,30.9876144 15.99422,30.9876144 C17.7292778,30.9876144 19.3197869,29.7615184 20.5570359,27.7228112 M22.0509221,24.3364015 C22.7373456,22.1635452 23.1341282,19.5948285 23.1341282,16.8425133 C23.1341282,10.0879866 20.7444131,4.43922457 17.5485944,3.03357113 M15.99422,4.25337326 C16.8617378,4.25337326 17.5649998,3.55674574 17.5649998,2.69741214 C17.5649998,1.83807854 16.8617378,1.14145101 15.99422,1.14145101 C15.1267023,1.14145101 14.4234402,1.83807854 14.4234402,2.69741214 C14.4234402,3.55674574 15.1267023,4.25337326 15.99422,4.25337326 Z"></path> <path class="svg-fill" d="M16.2975137,18.2334955 C15.5219407,18.3994908 14.7578457,17.9112502 14.5899415,17.142994 C14.4226932,16.3747378 14.9152558,15.6178512 15.6908287,15.451531 C16.4664016,15.2855357 17.2304967,15.7737763 17.3984009,16.5420325 C17.5659771,17.3102887 17.0730866,18.0671753 16.2975137,18.2334955 Z"></path> </g> </svg> <svg class="vertical-middle" width="156px" height="18px" viewbox="0 0 156 18" xmlns="http://www.w3.org/2000/svg"> <title>Electron</title> <path stroke="none" fill="currentColor" fill-rule="evenodd" d="M0.93602403,17.0884387 L11.4962951,17.0884387 C11.9763075,17.0884387 12.3603173,16.7044288 12.3603173,16.2244165 C12.3603173,15.7444042 11.9763075,15.3603943 11.4962951,15.3603943 L1.89604868,15.3603943 L1.89604868,9.48024338 L10.2962643,9.48024338 C10.7762767,9.48024338 11.1602865,9.09623352 11.1602865,8.6162212 C11.1602865,8.16020949 10.7762767,7.75219902 10.2962643,7.75219902 L1.89604868,7.75219902 L1.89604868,2.01605176 L11.3762921,2.01605176 C11.8563044,2.01605176 12.2403142,1.6320419 12.2403142,1.15202958 C12.2403142,0.672017252 11.8563044,0.288007394 11.3762921,0.288007394 L0.93602403,0.288007394 C0.432011091,0.288007394 0,0.720018485 0,1.24803204 L0,16.1284141 C0,16.6564276 0.432011091,17.0884387 0.93602403,17.0884387 L0.93602403,17.0884387 Z M19.0804898,16.1284141 C19.0804898,16.6564276 19.5125009,17.0884387 20.0165139,17.0884387 L29.6887622,17.0884387 C30.1687745,17.0884387 30.5527844,16.7044288 30.5527844,16.2244165 C30.5527844,15.7444042 30.1687745,15.3363937 29.6887622,15.3363937 L20.9765385,15.3363937 L20.9765385,1.12802896 C20.9765385,0.600015404 20.5445274,0.168004313 20.0165139,0.168004313 C19.5125009,0.168004313 19.0804898,0.600015404 19.0804898,1.12802896 L19.0804898,16.1284141 Z M37.8729723,17.0884387 L48.4332434,17.0884387 C48.9132557,17.0884387 49.2972656,16.7044288 49.2972656,16.2244165 C49.2972656,15.7444042 48.9132557,15.3603943 48.4332434,15.3603943 L38.8329969,15.3603943 L38.8329969,9.48024338 L47.2332126,9.48024338 C47.7132249,9.48024338 48.0972348,9.09623352 48.0972348,8.6162212 C48.0972348,8.16020949 47.7132249,7.75219902 47.2332126,7.75219902 L38.8329969,7.75219902 L38.8329969,2.01605176 L48.3132403,2.01605176 C48.7932526,2.01605176 49.1772625,1.6320419 49.1772625,1.15202958 C49.1772625,0.672017252 48.7932526,0.288007394 48.3132403,0.288007394 L37.8729723,0.288007394 C37.3689593,0.288007394 36.9369483,0.720018485 36.9369483,1.24803204 L36.9369483,16.1284141 C36.9369483,16.6564276 37.3689593,17.0884387 37.8729723,17.0884387 L37.8729723,17.0884387 Z M63.6976353,17.3764461 C66.4577061,17.3764461 68.2817529,16.4164214 69.9377955,14.9043826 C70.1057998,14.7603789 70.2498035,14.5203728 70.2498035,14.2323654 C70.2498035,13.7523531 69.8177924,13.320342 69.3377801,13.320342 C69.0977739,13.320342 68.8817684,13.440345 68.7377647,13.5843487 C67.2977277,14.9043826 65.8336901,15.6244011 63.7456365,15.6244011 C60.0495416,15.6244011 57.2414695,12.5763229 57.2414695,8.68822305 L57.2414695,8.64022181 C57.2414695,4.77612261 60.025541,1.75204498 63.7456365,1.75204498 C65.8096895,1.75204498 67.2737271,2.5200647 68.5697603,3.67209427 C68.713764,3.76809674 68.9297696,3.88809982 69.1937764,3.88809982 C69.6977893,3.88809982 70.153801,3.45608873 70.153801,2.95207579 C70.153801,2.61606716 69.9617961,2.35206038 69.7697911,2.18405607 C68.2097511,0.888022798 66.4817067,0 63.7696371,0 C58.8255102,0 55.273419,3.93610105 55.273419,8.68822305 L55.273419,8.73622428 C55.273419,13.5603481 58.8495108,17.3764461 63.6976353,17.3764461 L63.6976353,17.3764461 Z M81.1700838,16.2484171 C81.1700838,16.7764307 81.6020949,17.2084418 82.1301085,17.2084418 C82.658122,17.2084418 83.0901331,16.7764307 83.0901331,16.2484171 L83.0901331,2.04005237 L87.9622582,2.04005237 C88.4422705,2.04005237 88.850281,1.65604251 88.850281,1.17603019 C88.850281,0.696017868 88.4422705,0.288007394 87.9622582,0.288007394 L76.2979587,0.288007394 C75.8179464,0.288007394 75.4099359,0.696017868 75.4099359,1.17603019 C75.4099359,1.65604251 75.8179464,2.04005237 76.2979587,2.04005237 L81.1700838,2.04005237 L81.1700838,16.2484171 Z M95.2824461,16.2484171 C95.2824461,16.7764307 95.7144572,17.2084418 96.2184701,17.2084418 C96.7464837,17.2084418 97.1784948,16.7764307 97.1784948,16.2484171 L97.1784948,10.5602711 L102.002619,10.5602711 L106.73074,16.7044288 C106.946746,16.9924362 107.234753,17.2084418 107.618763,17.2084418 C108.098775,17.2084418 108.578787,16.7764307 108.578787,16.2724177 C108.578787,16.008411 108.458784,15.7924054 108.266779,15.5763999 L104.090672,10.2002619 C106.706739,9.69624892 108.578787,8.08820764 108.578787,5.32813679 L108.578787,5.28013555 C108.578787,3.96010166 108.098775,2.78407147 107.282754,1.96805052 C106.226727,0.912023414 104.570685,0.288007394 102.506632,0.288007394 L96.2184701,0.288007394 C95.7144572,0.288007394 95.2824461,0.720018485 95.2824461,1.24803204 L95.2824461,16.2484171 Z M97.1784948,8.85622736 L97.1784948,2.04005237 L102.362628,2.04005237 C105.074698,2.04005237 106.658738,3.28808441 106.658738,5.3521374 L106.658738,5.40013863 C106.658738,7.56019409 104.858692,8.85622736 102.338627,8.85622736 L97.1784948,8.85622736 Z M123.435169,17.3764461 C128.5473,17.3764461 132.027389,13.320342 132.027389,8.68822305 L132.027389,8.64022181 C132.027389,4.0081029 128.595301,0 123.48317,0 C118.371039,0 114.89095,4.05610413 114.89095,8.68822305 L114.89095,8.73622428 C114.89095,13.3683432 118.323038,17.3764461 123.435169,17.3764461 L123.435169,17.3764461 Z M123.48317,15.6244011 C119.643072,15.6244011 116.859,12.504321 116.859,8.68822305 L116.859,8.64022181 C116.859,4.82412385 119.59507,1.75204498 123.435169,1.75204498 C127.275267,1.75204498 130.059339,4.87212508 130.059339,8.68822305 L130.059339,8.73622428 C130.059339,12.5523222 127.323269,15.6244011 123.48317,15.6244011 L123.48317,15.6244011 Z M139.035569,16.2724177 C139.035569,16.7764307 139.44358,17.2084418 139.947593,17.2084418 C140.475606,17.2084418 140.883617,16.7764307 140.883617,16.2724177 L140.883617,3.2640838 L151.299884,16.5844258 C151.587892,16.9204344 151.875899,17.1604405 152.283909,17.1604405 L152.379912,17.1604405 C152.883925,17.1604405 153.243934,16.7764307 153.243934,16.2724177 L153.243934,1.10402834 C153.243934,0.600015404 152.835924,0.168004313 152.331911,0.168004313 C151.803897,0.168004313 151.395887,0.600015404 151.395887,1.10402834 L151.395887,13.7763537 L141.195625,0.768019717 C140.931618,0.432011091 140.667611,0.216005545 140.2356,0.216005545 L139.971593,0.216005545 C139.46758,0.216005545 139.035569,0.648016636 139.035569,1.15202958 L139.035569,16.2724177 Z"></path> </svg> </a> <nav class="site-header-nav"> <a class="site-header-nav-item" href="/web/20211105204606/https://www.electronjs.org/docs/latest">Docs</a> <a class="site-header-nav-item" data-href-match="/releases" href="/web/20211105204606/https://www.electronjs.org/releases/stable">Releases</a> <a class="site-header-nav-item" href="/web/20211105204606/https://www.electronjs.org/blog">Blog</a> <a class="site-header-nav-item" href="/web/20211105204606/https://www.electronjs.org/apps">Apps</a> <a class="site-header-nav-item" href="/web/20211105204606/https://www.electronjs.org/governance">Governance</a> <a class="site-header-nav-item" href="/web/20211105204606/https://www.electronjs.org/community">Community</a> <input id="search-input" class="nav-search" placeholder="Search" aria-label="search-box"/>    <a class="site-header-nav-item octicon" href="https://web.archive.org/web/20211105204606/https://github.com/electron" title="Github Organization"> <span class="mega-octicon octicon-mark-github vertical-middle"></span> </a> <button class="site-header-nav-item bordered lang-select-button" aria-controls="languages-header-menu" aria-expanded="false" aria-label="Choose Your Site Language">English</button> </nav> </div> </header> <div id="languages-header-menu" class="container collapsed" role="region" aria-labelledby="choose-language"> <div class="m-4"> <div id="choose-language" class="text-center-sm mb-4"> <strong>Choose Your Site Language</strong> </div> <div class="clearfix"> <div class="text-center-sm col-6 col-md-4 mb-2"> <a href="/web/20211105204606/https://www.electronjs.org/languages/en-US"> English </a> </b> <span class="faint"><span class="octicon octicon-check mr-1"></span></span> </div> <div class="text-center-sm col-6 col-md-4 mb-2"> <a href="/web/20211105204606/https://www.electronjs.org/languages/ja-JP"> 日本語 (Japanese) </a> </div> <div class="text-center-sm col-6 col-md-4 mb-2"> <a href="/web/20211105204606/https://www.electronjs.org/languages/es-ES"> Español (Spanish) </a> </div> <div class="text-center-sm col-6 col-md-4 mb-2"> <a href="/web/20211105204606/https://www.electronjs.org/languages/zh-CN"> 中文 (Chinese Simplified) </a> </div> <div class="text-center-sm col-6 col-md-4 mb-2"> <a href="/web/20211105204606/https://www.electronjs.org/languages/fr-FR"> Français (French) </a> </div> <div class="text-center-sm col-6 col-md-4 mb-2"> <a href="/web/20211105204606/https://www.electronjs.org/languages/ru-RU"> Русский (Russian) </a> </div> <div class="text-center-sm col-6 col-md-4 mb-2"> <a href="/web/20211105204606/https://www.electronjs.org/languages/pt-BR"> Português (Portuguese) </a> </div> <div class="text-center-sm col-6 col-md-4 mb-2"> <a href="/web/20211105204606/https://www.electronjs.org/languages/de-DE"> Deutsch (German) </a> </div> </div> <hr> <div class="text-center-sm"> <a href="/web/20211105204606/https://www.electronjs.org/languages">View More Language Details</a> </div> </div> </div> <div class="announcement-banner"> Black Lives Matter. Support <a href="https://web.archive.org/web/20211105204606/https://support.eji.org/give/153413/#!/donation/checkout">the Equal Justice Initiative</a> and <a href="/web/20211105204606/https://www.electronjs.org/blacklivesmatter">read our statement here</a>. </div> <main class="homepage PRIMER-REMOVE-ME"> <div class="py-6 py-sm-8 jumbotron jumbotron-home "> <div class="container-xl p-responsive position-relative text-center"> <div class="hero" aria-hidden="true"> <svg viewbox="0 0 900 300" xmlns="http://www.w3.org/2000/svg"> <g fill="none" fill-rule="evenodd"> <g class="hero-apps"> <path class="hero-app hero-app-14" d="M15 138l-4.9-.64L8 133l-2.1 4.36L1 138l3.6 3.26-.93 4.74L8 143.67l4.33 2.33-.93-4.74z"/> <path class="hero-app hero-app-13" d="M897.2 114.0912l-5.2 3.63v-2.72c0-.55-.45-1-1-1h-8c-.55 0-1 .45-1 1v9c0 .55.45 1 1 1h8c.55 0 1-.45 1-1v-2.72l5.2 3.63c.33.23.8 0 .8-.41v-10c0-.41-.47-.64-.8-.41z"/> <path class="hero-app hero-app-12" d="M65.4 188.625h-1.6c.88 0 1.6-.7313 1.6-1.625v-1.625c0-.8937-.72-1.625-1.6-1.625h-1.6c-.88 0-1.6.7313-1.6 1.625V187c0 .8937.72 1.625 1.6 1.625h-1.6c-.88 0-1.6.7313-1.6 1.625v3.25h1.6v4.875c0 .8937.72 1.625 1.6 1.625h1.6c.88 0 1.6-.7313 1.6-1.625V193.5H67v-3.25c0-.8937-.72-1.625-1.6-1.625zm-3.2-3.25h1.6V187h-1.6v-1.625zm3.2 6.5h-1.6v6.5h-1.6v-6.5h-1.6v-1.625h4.8v1.625zm3.344-5.6875c0-3.2175-2.576-5.8337-5.744-5.8337-3.168 0-5.744 2.6162-5.744 5.8337 0 .455.048.8937.144 1.3162v3.2175c-.976-1.2512-1.6-2.8112-1.6-4.55 0-4.03 3.232-7.3125 7.2-7.3125s7.2 3.2825 7.2 7.3125c0 1.7225-.624 3.2988-1.6 4.55v-3.2175c.096-.4387.144-.8612.144-1.3162zm6.256 0c0 4.68-2.608 8.7425-6.4 10.7738v-1.7063c2.976-1.885 4.944-5.2325 4.944-9.0675 0-5.915-4.72-10.7087-10.544-10.7087-5.824 0-10.544 4.7937-10.544 10.7087 0 3.835 1.968 7.1825 4.944 9.0675v1.7063c-3.792-2.0313-6.4-6.0938-6.4-10.7738C51 179.46 56.376 174 63 174s12 5.46 12 12.1875z"/> <path class="hero-app hero-app-11" d="M830.7143 142.3333c-.8643 0-1.5714.7125-1.5714 1.5834v3.1666c0 .871.707 1.5834 1.5713 1.5834h12.5714c.8643 0 1.5714-.7125 1.5714-1.5834v-3.1666c0-.871-.707-1.5834-1.5713-1.5834h-12.5714zm12.5714 2.771l-1.9643 1.979h-2.357L837 145.1043l-1.9643 1.979h-2.357l-1.9644-1.979v-1.1876h1.1786l1.964 1.979 1.9644-1.979h2.3572l1.9643 1.979 1.964-1.979h1.1787v1.1875zm-9.4286 5.1457h6.286v1.5833h-6.286V150.25zM837 136c-6.0657 0-11 4.6075-11 10.2917v7.125c0 .8708.707 1.5833 1.5714 1.5833h18.8572c.8643 0 1.5714-.7125 1.5714-1.5833v-7.125C848 140.6075 843.0657 136 837 136zm9.4286 17.4167h-18.8572v-7.125c0-4.8925 4.1486-8.851 9.4286-8.851 5.28 0 9.4286 3.9585 9.4286 8.851v7.125z"/> <path class="hero-app hero-app-10" d="M75 91.8065V96h4.1935L90.376 84.8174l-4.1934-4.1935L75 91.8064zm4.1935 2.7957h-2.7957v-2.7957h1.398v1.3978h1.3977v1.398zM93.591 81.6024l-1.817 1.817-4.1935-4.1934 1.817-1.817c.5453-.5453 1.426-.5453 1.971 0l2.2226 2.2224c.5453.5452.5453 1.4258 0 1.971z"/> <path class="hero-app hero-app-9" d="M797 187h4v4h-4v-4zm12-1v19c0 1.1-.9 2-2 2h-20c-1.1 0-2-.9-2-2v-24c0-1.1.9-2 2-2h15l7 7zm-2 1l-6-6h-14v22l6-10 4 8 4-4 6 6v-16z"/> <path class="hero-app hero-app-8" d="M138 125c-6.62 0-12 5-12 11 0 9.04 12 21 12 21s12-11.96 12-21c0-6-5.38-11-12-11zm0 29.1c-3.72-4.06-10-12.22-10-18.1 0-4.96 4.5-9 10-9 2.68 0 5.22.96 7.12 2.72 1.84 1.72 2.88 3.94 2.88 6.28 0 5.88-6.28 14.04-10 18.1zm4-18.1c0 2.22-1.78 4-4 4-2.22 0-4-1.78-4-4 0-2.22 1.78-4 4-4 2.22 0 4 1.78 4 4z"/> <path class="hero-app hero-app-7" d="M771 82h8v2h-8v-2zm0 6h8v-2h-8v2zm0 4h8v-2h-8v2zm22-10h-8v2h8v-2zm0 4h-8v2h8v-2zm0 4h-8v2h8v-2zm4-12v18c0 1.1-.9 2-2 2h-11l-2 2-2-2h-11c-1.1 0-2-.9-2-2V78c0-1.1.9-2 2-2h11l2 2 2-2h11c1.1 0 2 .9 2 2zm-16 1l-1-1h-11v18h12V79zm14-1h-11l-1 1v17h12V78z"/> <path class="hero-app hero-app-6" d="M176 203h-24c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h4v7l7-7h13c1.1 0 2-.9 2-2v-16c0-1.1-.9-2-2-2zm0 18h-14l-4 4v-4h-6v-16h24v16z"/> <path class="hero-app hero-app-5" d="M673 88.921c0 2.18-.9 4.18-2.34 5.66l-1.34-1.34c1.1-1.12 1.78-2.62 1.78-4.32 0-1.7-.68-3.22-1.78-4.32l1.34-1.34c1.44 1.44 2.34 3.44 2.34 5.66zm-8.56-11.48l-7.44 7.44h-4c-1.1 0-2 .9-2 2v4c0 1.1.9 2 2 2h4l7.44 7.44c.94.94 2.56.28 2.56-1.06v-20.76c0-1.34-1.62-2-2.56-1.06zm11.88.16l-1.34 1.34c2.56 2.56 4.12 6.06 4.12 9.96 0 3.88-1.56 7.4-4.12 9.96l1.34 1.34c2.9-2.9 4.68-6.9 4.68-11.32 0-4.44-1.78-8.44-4.68-11.32v.04zm-2.82 2.82l-1.38 1.34c1.84 1.84 2.96 4.38 2.96 7.16 0 2.78-1.12 5.32-2.96 7.12l1.38 1.34c2.16-2.16 3.5-5.16 3.5-8.46 0-3.3-1.34-6.32-3.5-8.5z"/> <path class="hero-app hero-app-4" d="M226 79h-16c0-1.1-.9-2-2-2h-8c-1.1 0-2 .9-2 2-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h28c1.1 0 2-.9 2-2V81c0-1.1-.9-2-2-2zm-18 4h-8v-2h8v2zm9 14c-3.88 0-7-3.12-7-7s3.12-7 7-7 7 3.12 7 7-3.12 7-7 7zm5-7c0 2.76-2.26 5-5 5s-5-2.26-5-5 2.26-5 5-5 5 2.26 5 5z"/> <path class="hero-app hero-app-3" d="M725.8393 157h-15.6498c-1.1807 0-1.1807-.82-1.1807-2 0-1.18 0-2 1.1807-2h15.6298C727 153 727 153.82 727 155c0 1.18 0 2-1.1807 2h.02zm-11.6473-10c-1.1807 0-1.1807-.82-1.1807-2 0-1.18 0-2 1.1807-2h11.6273C727 143 727 143.82 727 145c0 1.18 0 2-1.1807 2H714.192zM695 146.82l2.8218-2.6 3.182 3.18 8.185-8.4 2.8218 2.82-11.0068 11-6.0038-6zM710.1895 163h15.6298C727 163 727 163.82 727 165c0 1.18 0 2-1.1807 2h-15.6298c-1.1807 0-1.1807-.82-1.1807-2 0-1.18 0-2 1.1807-2z"/> <path class="hero-app hero-app-2" d="M223 152v24c0 1.65 1.35 3 3 3h36c1.65 0 3-1.35 3-3v-24c0-1.65-1.35-3-3-3h-36c-1.65 0-3 1.35-3 3zm39 0l-18 15-18-15h36zm-36 4.5l12 9-12 9v-18zm3 19.5l10.5-9 4.5 4.5 4.5-4.5 10.5 9h-30zm33-1.5l-12-9 12-9v18z"/> <path class="hero-app hero-app-1" d="M648 182h-3v4.5c0 .84-.66 1.5-1.5 1.5h-6c-.84 0-1.5-.66-1.5-1.5V182h-9v4.5c0 .84-.66 1.5-1.5 1.5h-6c-.84 0-1.5-.66-1.5-1.5V182h-3c-1.65 0-3 1.35-3 3v33c0 1.65 1.35 3 3 3h33c1.65 0 3-1.35 3-3v-33c0-1.65-1.35-3-3-3zm0 36h-33v-27h33v27zm-24-33h-3v-6h3v6zm18 0h-3v-6h3v6zm-15 12h-3v-3h3v3zm6 0h-3v-3h3v3zm6 0h-3v-3h3v3zm6 0h-3v-3h3v3zm-24 6h-3v-3h3v3zm6 0h-3v-3h3v3zm6 0h-3v-3h3v3zm6 0h-3v-3h3v3zm6 0h-3v-3h3v3zm-24 6h-3v-3h3v3zm6 0h-3v-3h3v3zm6 0h-3v-3h3v3zm6 0h-3v-3h3v3zm6 0h-3v-3h3v3zm-24 6h-3v-3h3v3zm6 0h-3v-3h3v3zm6 0h-3v-3h3v3zm6 0h-3v-3h3v3z"/> </g> <g class="hero-icons" transform="translate(352.000000, 44.000000)"> <path class="hero-icon hero-icon-1 hero-icon--line" d="M67.9100478,46.533669 C41.4232923,41.7095462 19.6934451,46.302143 11.3075829,60.8268822 C5.08594528,71.6030748 7.27151972,86.0067879 15.9285936,101.106252"></path> <path class="hero-icon hero-icon-2 hero-icon--line" d="M30.2849913,120.46661 C41.243568,132.509273 55.7667544,144.206588 72.8846905,154.089633 C113.69002,177.648601 156.051349,183.283871 176.168455,169.566881"></path> <circle class="hero-icon hero-icon-3 hero-icon--circle" cx="185" cy="163" r="11"></circle> <path class="hero-icon hero-icon-4 hero-icon--line" d="M168.712085,117.011934 C186.053192,96.5261231 192.894725,75.4688937 184.526327,60.9744031 C178.406575,50.3746817 165.18029,45.0644667 148.184837,44.8434393"></path> <path class="hero-icon hero-icon-5 hero-icon--line" d="M123.879401,47.4832579 C107.838006,50.9201969 90.2641836,57.6854858 72.9698617,67.6703673 C30.9602155,91.9246478 4.57811277,127.105828 8.15869375,151.502356"></path> <circle class="hero-icon hero-icon-6 hero-icon--circle" cx="11" cy="163" r="11"></circle> <path class="hero-icon hero-icon-7 hero-icon--line" d="M57.2996169,169.094663 C66.3669653,194.413962 81.1998943,210.912475 97.9595403,210.912475 C110.104945,210.912475 121.238508,202.248064 129.899251,187.841199"></path> <path class="hero-icon hero-icon-8 hero-icon--line" d="M140.356454,163.91057 C145.161419,148.555719 147.938898,130.403455 147.938898,110.95376 C147.938898,63.2217718 131.210891,23.3038536 108.840161,13.3705693"></path> <circle class="hero-icon hero-icon-9 hero-icon--circle" cx="98" cy="12" r="11"></circle> <circle class="hero-icon hero-icon-10 dot" cx="98" cy="112" r="10"></circle> </g> </g> </svg> </div> <p class="jumbotron-lead"> Build cross-platform desktop apps with JavaScript, HTML, and CSS </p> </div> </div> <div class="py-6 py-md-7 py-lg-8"> <div class="container-lg p-responsive"> <div> <h1 class="f0-light text-center"><a href="/web/20211105204606/https://www.electronjs.org/releases/stable">Releases</a></h1> <div class="electron-version-container"> <div class="electron-version"> <div id="electron-version-latest" class="highlight highlight-dark text-left my-3 px-2"> <pre class="overflow-hidden"><code><span class="no-select">$ </span>npm i -D electron@latest<span class="c1 no-select"> # Electron 15.2.0 # Node 16.5.0 # Chromium 94.0.4606.81</span></code></pre> </div> </div> <div class="electron-version"> <div id="electron-version-beta" class="highlight highlight-dark text-left my-3 px-3"> <pre class="overflow-hidden"><code><span class="no-select">$ </span>npm i -D electron@beta<span class="c1 no-select"> # Electron 15.0.0-beta.7 # Node 16.5.0 # Chromium 94.0.4606.31</span></code></pre> </div> </div> <div class="electron-version"> <div id="electron-version-alpha" class="highlight highlight-dark text-left my-3 px-3"> <pre class="overflow-hidden"><code><span class="no-select">$ </span>npm i -D electron@alpha<span class="c1 no-select"> # Electron 16.0.0-alpha.8 # Node 16.9.1 # Chromium 96.0.4647.0</span></code></pre> </div> </div> <div class="electron-version"> <div id="electron-version-nightly" class="highlight highlight-dark text-left my-3 px-3"> <pre class="overflow-hidden"><code><span class="no-select">$ </span>npm i -D electron-nightly<span class="c1 no-select"> # Electron 17.0.0-nightly.20211015 # Node 16.11.1 # Chromium 96.0.4647.0</span></code></pre> </div> </div> </div> </div> </div> </div> <hr class="pt-8"> <div class="py-6 py-md-7 py-lg-8"> <div class="container-lg p-responsive"> <h1 class="f0-light text-center-sm">Apps users love, built with Electron</h1> <div class="featured-apps my-2 my-md-3"> <a class="featured-app-list-item" href="https://web.archive.org/web/20211105204606/https://code.visualstudio.com/" target="_blank" rel="noopener"> <picture> <source srcset="/web/20211105204606im_/https://www.electronjs.org/images/featured_apps/vscode.99fe9b76ff7ec9ff1829f18178b1d264.webp" type="image/webp"> <source srcset="/web/20211105204606im_/https://www.electronjs.org/images/featured_apps/vscode.11a9917202e57f127abdb40ffbed19cd.png" type="image/png"> <img alt="" src="/web/20211105204606im_/https://www.electronjs.org/images/featured_apps/vscode.11a9917202e57f127abdb40ffbed19cd.png"> </picture> <img class="icon" data-src="/images/featured_apps/vscode-icon.243eddddf6a72ab7dd78844e847bcd07.svg" alt=""> <h4>Visual Studio Code</h4> </a> <a class="featured-app-list-item" href="https://web.archive.org/web/20211105204606/https://www.messenger.com/desktop" target="_blank" rel="noopener"> <picture> <source srcset="/web/20211105204606im_/https://www.electronjs.org/images/featured_apps/messenger.ee3eb3f9b349875006f476ae95e98e21.webp" type="image/webp"> <source srcset="/web/20211105204606im_/https://www.electronjs.org/images/featured_apps/messenger.ebc093ac133d6e2ee5e281c38e38b5e2.png" type="image/png"> <img alt="" src="/web/20211105204606im_/https://www.electronjs.org/images/featured_apps/messenger.ebc093ac133d6e2ee5e281c38e38b5e2.png"> </picture> <img class="icon" data-src="/images/featured_apps/messenger-icon.f908651a855c8ecad9896bc0b1931995.svg" alt=""> <h4>Facebook Messenger</h4> </a> <a class="featured-app-list-item" href="https://web.archive.org/web/20211105204606/https://twitch.com/" target="_blank" rel="noopener"> <picture> <source srcset="/web/20211105204606im_/https://www.electronjs.org/images/featured_apps/twitch.17a993927408c240992998eada962e95.webp" type="image/webp"> <source srcset="/web/20211105204606im_/https://www.electronjs.org/images/featured_apps/twitch.2a6c72e3130b01bd7b1256370095576a.png" type="image/png"> <img alt="" src="/web/20211105204606im_/https://www.electronjs.org/images/featured_apps/twitch.2a6c72e3130b01bd7b1256370095576a.png"> </picture> <img class="icon" data-src="/images/featured_apps/twitch-icon.7b28e2b7e3a8c669287c5b099e7d839d.svg" alt=""> <h4>Twitch</h4> </a> <a class="featured-app-list-item" href="https://web.archive.org/web/20211105204606/https://slack.com/" target="_blank" rel="noopener"> <picture> <source srcset="/web/20211105204606im_/https://www.electronjs.org/images/featured_apps/slack.71283101ab44533ba2fe9c753a07cd19.webp" type="image/webp"> <source srcset="/web/20211105204606im_/https://www.electronjs.org/images/featured_apps/slack.53b032fb5bd66b204d6f08b43e778920.png" type="image/png"> <img alt="" src="/web/20211105204606im_/https://www.electronjs.org/images/featured_apps/slack.53b032fb5bd66b204d6f08b43e778920.png"> </picture> <img class="icon" data-src="/images/featured_apps/slack-icon.756e35bec534279650218792be3ee734.svg" alt=""> <h4>Slack</h4> </a> <a class="featured-app-list-item" href="https://web.archive.org/web/20211105204606/https://figma.com/" target="_blank" rel="noopener"> <picture> <source srcset="/web/20211105204606im_/https://www.electronjs.org/images/featured_apps/figma.b28ef16d9f1a6d801768b90b5f54f82f.webp" type="image/webp"> <source srcset="/web/20211105204606im_/https://www.electronjs.org/images/featured_apps/figma.52e194b4ca1206ae385629c722ad81ac.png" type="image/png"> <img alt="" src="/web/20211105204606im_/https://www.electronjs.org/images/featured_apps/figma.52e194b4ca1206ae385629c722ad81ac.png"> </picture> <img class="icon" data-src="/images/featured_apps/figma-icon.9d7fc9840e8e947453ed336b821ba37e.png" alt=""> <h4>Figma</h4> </a> </div> <p class="lead text-center-sm">Thousands of organizations spanning all industries use Electron to build cross-platform software.</p> </div> </div> <hr class="pt-8"> <div class="py-6 py-md-7 py-lg-8" id="electron"> <div class="container-lg p-responsive"> <h1 class="f0-light text-center-sm">It's easier than you think</h1> <p class="lead text-center-sm">If you can build a website, you can build a desktop app. Electron is a framework for creating native applications with web technologies like JavaScript, HTML, and CSS. It takes care of the hard parts so you can focus on the core of your application.</p> <hr class="pt-8"> <div class="d-sm-flex flex-row text-center text-small mt-6"> <div class="col-xs-12 col-sm-4"> <img class="home-illu" role="presentation" src="/web/20211105204606im_/https://www.electronjs.org/images/web-tech.635d8e8f8a2d536d1c15ac2ffe8219b1.svg" aria-hidden="true"> <h3 class="f1-light mb-2 mt-0">Web Technologies</h3> <p class="f4">Electron uses Chromium and Node.js so you can build your app with HTML, CSS, and JavaScript.</p> </div> <div class="col-xs-12 col-sm-4"> <img class="home-illu" role="presentation" src="/web/20211105204606im_/https://www.electronjs.org/images/open-source.ad6b97548663f68df8d9c325300415ed.svg" aria-hidden="true"> <h3 class="f1-light mb-2 mt-0">Open Source</h3> <p class="f4">Electron is an open source project maintained by the OpenJS Foundation and an active community of contributors.</p> </div> <div class="col-xs-12 col-sm-4"> <img class="home-illu" role="presentation" src="/web/20211105204606im_/https://www.electronjs.org/images/cross-platform.cbf4a894b3f3de85f8d719ab5b3db111.svg" aria-hidden="true"> <h3 class="f1-light mb-2 mt-0">Cross Platform</h3> <p class="f4">Compatible with Mac, Windows, and Linux, Electron apps build and run on three platforms.</p> </div> </div> <div class="text-center mt-8 mb-4"> <h2 class="f0-light">The hard parts made easy</h2> </div> <div class="d-sm-flex flex-row text-center text-small mt-3 clearfix"> <div class="col-xs-12 col-sm-4 col-md-2 offset-md-1 mb-xs-4 mb-md-0 hero-feature"> <a class="hero-link" href="/web/20211105204606/https://www.electronjs.org/docs/latest/api/auto-updater/"> <span class="octicon hero-octicon octicon-squirrel" aria-hidden="true"></span> Automatic updates </a> </div> <div class="col-xs-12 col-sm-4 col-md-2 mb-xs-4 mb-md-0 hero-feature"> <a class="hero-link" href="/web/20211105204606/https://www.electronjs.org/docs/latest/api/menu"> <span class="octicon hero-octicon octicon-device-desktop" aria-hidden="true"></span> Native menus & notifications </a> </div> <div class="col-xs-12 col-sm-4 col-md-2 mb-xs-4 mb-md-0 hero-feature"> <a class="hero-link" href="/web/20211105204606/https://www.electronjs.org/docs/latest/api/crash-reporter"> <span class="octicon hero-octicon octicon-bug" style="padding-left:2px" aria-hidden="true"></span> Crash reporting </a> </div> <div class="col-xs-12 col-sm-4 col-md-2 mb-xs-4 mb-md-0 hero-feature"> <a class="hero-link" href="/web/20211105204606/https://www.electronjs.org/docs/latest/api/content-tracing"> <span class="octicon hero-octicon octicon-tools" aria-hidden="true"></span> Debugging & profiling </a> </div> <div class="col-xs-12 col-sm-4 col-md-2 mb-xs-4 mb-md-0 hero-feature"> <a class="hero-link" href="/web/20211105204606/https://www.electronjs.org/docs/api/auto-updater/#windows"> <span class="octicon hero-octicon octicon-gift" style="padding-right:2px" aria-hidden="true"></span> Windows installers </a> </div> </div> </div> </div> <div class="py-7 py-md-8 py-lg-9 bg-shade" id="get-started"> <div class="container-lg p-responsive text-center"> <h1 class="f0-light">Get started</h1> <p class="lead"> To get started with Electron, check out the resources below. Learn how to wrap your web app with Electron, access all the APIs, and generate installers. </p> <h3 class="h2-mktg text-normal mb-3"> Spin up the <a href="https://web.archive.org/web/20211105204606/https://github.com/electron/electron-quick-start" target="_blank">Quick Start</a> app to see Electron in action: </h3> <p>A minimal Electron app with helpful notations.</p> <figure class="highlight highlight-dark text-left my-6 overflow-auto"> <pre><code><span class="c1 no-select"># Clone the Quick Start repository</span> <span class="no-select">$ </span>git clone https://github.com/electron/electron-quick-start <span class="c1 no-select"># Go into the repository</span> <span class="no-select">$ </span>cd electron-quick-start <span class="c1 no-select"># Install the dependencies and run</span> <span class="no-select">$ </span>npm install && npm start</code></pre> </figure> <hr/> <div class="d-flex flex-column flex-md-row-reverse my-5 pt-6"> <div class="col-xs-12 col-md-5" style="margin-top: 30px;"> <a href="/web/20211105204606/https://www.electronjs.org/fiddle"> <img class="mb-4 mb-lg-6 fiddle-icon" src="/web/20211105204606im_/https://www.electronjs.org/images/fiddle/fiddle-icon.6da437b32897526e291fddcc9ab77a06.svg" alt="Electron Fiddle Icon"/> <p> <img src="/web/20211105204606im_/https://www.electronjs.org/images/fiddle/fiddle-logo.e3728e2dc935f1546451eb8cb6d86487.svg" alt="Electron Fiddle"> </p> </a> </div> <div class="col-md-6 pr-md-5"> <h3 class="f2-light mt-1 mb-3">Try powerful experiments with Electron Fiddle</h3> <p>Electron Fiddle lets you create and play with small Electron experiments. It greets you with a quick-start template after opening – change a few things, choose the version of Electron you want to run it with, and play around. Then, save your Fiddle either as a GitHub Gist or to a local folder. Once pushed to GitHub, anyone can quickly try your Fiddle out by just entering it in the address bar.</p> <p> <a id="download-latest-release" class="btn-mktg btn-outline-mktg" href="https://web.archive.org/web/20211105204606/https://github.com/electron/fiddle/releases/latest"> <span class="octicon octicon-desktop-download"></span> <span>Download from GitHub</span> </a> <a id="download-latest-release" class="btn-mktg btn-outline-mktg" href="/web/20211105204606/https://www.electronjs.org/fiddle"> <span class="octicon octicon-info"></span> <span>See more info</span> </a> </p> </div> </div> <hr/> <h3 class="h2 text-normal"> Or dive deeper and read the <a href="/web/20211105204606/https://www.electronjs.org/docs">documentation</a>. </h3> <h3 class="f2-light pt-4">Need Help?</h3> <p>Ask questions in the <a href="https://web.archive.org/web/20211105204606/https://discord.gg/electron">Discord server</a>. Follow <a href="https://web.archive.org/web/20211105204606/https://twitter.com/electronjs">@electronjs</a> on Twitter for important announcements. Need to privately reach out? Email <a href="https://web.archive.org/web/20211105204606/mailto:info@electronjs.org">info@electronjs.org</a>.</p> </div> </div> </main> <footer class="footer PRIMER-REMOVE-ME"> <div class="container-xl clearfix p-6"> <div class="col-md-12 col-lg-4 float-left p-4 f5"> <div class="footer-social"> <ul class="footer-social-list"> <li><a class="footer-social-icon" href="https://web.archive.org/web/20211105204606/https://github.com/electron" title="Github Organization"><span class="mega-octicon octicon-mark-github vertical-middle"></span></a></li> <li><a class="footer-social-icon" href="https://web.archive.org/web/20211105204606/https://twitter.com/electronjs" title="@electronjs on Twitter"><span class="devicon-twitter-plain vertical-middle"></span></a></li> </ul> </div> <nav class="footer-nav"> <ul class="footer-nav-list m-0"> <li class="footer-nav-item"><a href="/web/20211105204606/https://www.electronjs.org/">Electron</a></li> <li class="footer-nav-item"><a href="/web/20211105204606/https://www.electronjs.org/docs/latest">Docs</a></li> <li class="footer-nav-item"><a href="/web/20211105204606/https://www.electronjs.org/releases/stable">Releases</a></li> <li class="footer-nav-item"><a href="/web/20211105204606/https://www.electronjs.org/blog">Blog</a></li> <li class="footer-nav-item"><a href="/web/20211105204606/https://www.electronjs.org/apps">Apps</a></li> <li class="footer-nav-item"><a href="/web/20211105204606/https://www.electronjs.org/governance">Governance</a></li> <li class="footer-nav-item"><a href="/web/20211105204606/https://www.electronjs.org/community">Community</a></li> <li><a class="footer-nav-item" href="https://web.archive.org/web/20211105204606/https://github.com/electron/electron/tree/main/CODE_OF_CONDUCT.md">Code of Conduct</a> </li> <li><a class="footer-nav-item" href="https://web.archive.org/web/20211105204606/https://github.com/electron/electron/tree/main/LICENSE">License</a></li> <li><a class="footer-nav-item" href="https://web.archive.org/web/20211105204606/https://github.com/electron/electron/tree/main/SECURITY.md">Security</a></li> <li class="footer-nav-item"><a href="/web/20211105204606/https://www.electronjs.org/donors">Donors</a></li> <li class="footer-nav-item"><a href="/web/20211105204606/https://www.electronjs.org/languages">Languages</a></li> <li class="footer-nav-item"><a href="/web/20211105204606/https://www.electronjs.org/contact">Contact</a></li> </ul> </nav> </div> <div class="footer-openjs col-md-12 col-lg-8 float-right p-4 f6"> <img class="footer-openjs-logo mb-4" src="/web/20211105204606im_/https://www.electronjs.org/images/openjsf.4de8146482fe74f88b71040a7581f6e7.svg" alt="OpenJS Foundation"/> <p>Copyright <a href="https://web.archive.org/web/20211105204606/https://openjsf.org/">OpenJS Foundation</a> and Electron contributors. All rights reserved. The <a href="https://web.archive.org/web/20211105204606/https://openjsf.org/">OpenJS Foundation</a> has registered trademarks and uses trademarks. For a list of trademarks of the <a href="https://web.archive.org/web/20211105204606/https://openjsf.org/">OpenJS Foundation</a>, please see our <a href="https://web.archive.org/web/20211105204606/https://trademark-policy.openjsf.org/">Trademark Policy</a> and <a href="https://web.archive.org/web/20211105204606/https://trademark-list.openjsf.org/">Trademark List</a>. Trademarks and logos not indicated on the <a href="https://web.archive.org/web/20211105204606/https://trademark-list.openjsf.org/">list of OpenJS Foundation trademarks</a> are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.</p> <p><a href="https://web.archive.org/web/20211105204606/https://openjsf.org/">The OpenJS Foundation</a> | <a href="https://web.archive.org/web/20211105204606/https://terms-of-use.openjsf.org/">Terms of Use</a> | <a href="https://web.archive.org/web/20211105204606/https://privacy-policy.openjsf.org/">Privacy Policy</a> | <a href="https://web.archive.org/web/20211105204606/https://bylaws.openjsf.org/">OpenJS Foundation Bylaws</a> | <a href="https://web.archive.org/web/20211105204606/https://trademark-policy.openjsf.org/">Trademark Policy</a> | <a href="https://web.archive.org/web/20211105204606/https://trademark-list.openjsf.org/">Trademark List</a> | <a href="https://web.archive.org/web/20211105204606/https://www.linuxfoundation.org/cookies">Cookie Policy</a></p> </div> </div> </footer> <div id="hits"> <div class="hits-container" id="api-hits" title="APIs"></div> <div class="hits-container" id="tutorial-hits" title="Tutorials"></div> <div class="hits-container" id="package-hits" title="Packages"></div> <div class="hits-container" id="app-hits" title="Apps"></div> </div> <div id="refinement-list"></div> <div id="kb-shortcut-dialog" class="kb-shortcut docs-container-lg"> <div class="kb-shortcut-content"> <div class="kb-shortcut-header"> <span class="octicon octicon-x close"></span> <h2>Keyboard Shortcuts</h2> </div> <div class="kb-shortcut-body"> <table class="table-ruled"> <thead> <tr> <th>Key</th> <th>Action</th> </tr> </thead> <tbody> <tr> <td><kbd>/</kbd></td> <td>Focus the search bar</td> </tr> <tr> <td><kbd>Esc</kbd></td> <td>Focus the search bar and cleans it</td> </tr> <tr> <td><kbd>↓</kbd></td> <td>Select the next search result</td> </tr> <tr> <td><kbd>↑</kbd></td> <td>Select the previous search result</td> </tr> <tr> <td><kbd>Enter</kbd></td> <td>Open the selected search result</td> </tr> <tr> <td class="no-wrap darwin-only"><kbd>cmd</kbd><kbd>Enter</kbd></td> <td class="no-wrap win32-only linux-only"><kbd>Ctrl</kbd>+<kbd>Enter</kbd></td> <td>Open the selected search result in a new tab</td> </tr> </tbody> </table> </div> </div> </div> <script> if ('serviceWorker' in navigator) { navigator.serviceWorker.getRegistrations().then(function(registrations) { for(let registration of registrations) { registration.unregister() } }) } </script> <script src="/web/20211105204606js_/https://www.electronjs.org/scripts/index.7f8bd4293290301227f6.min.js"></script> <script type="text/javascript" src="https://web.archive.org/web/20211105204606js_/https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script> <script type="text/javascript"> docsearch({ apiKey: 'c9e8f898b3b32afe40f0a96637e7ea85', indexName: 'electronjs', inputSelector: '#search-input', algoliaOptions: { facetFilters: ['language:en'] }, debug: false // Set debug to true if you want to inspect the dropdown }); </script> </body> </html>