CINXE.COM

<!doctype html><html lang=en dir=ltr class="plugin-pages plugin-id-default" data-has-hydrated=false><meta charset=UTF-8><meta name=generator content="Docusaurus v3.7.0"><title data-rh=true>Build cross-platform desktop apps with JavaScript, HTML, and CSS | Electron</title><meta data-rh=true name=viewport content="width=device-width, initial-scale=1.0"><meta data-rh=true name=twitter:card content=summary_large_image><meta data-rh=true property=og:url content=https://electronjs.org/><meta data-rh=true property=og:locale content=en><meta data-rh=true property=og:locale:alternate content=de><meta data-rh=true property=og:locale:alternate content=es><meta data-rh=true property=og:locale:alternate content=fr><meta data-rh=true property=og:locale:alternate content=ja><meta data-rh=true property=og:locale:alternate content=pt><meta data-rh=true property=og:locale:alternate content=ru><meta data-rh=true property=og:locale:alternate content=zh><meta data-rh=true name=docusaurus_locale content=en><meta data-rh=true name=docusaurus_tag content=default><meta data-rh=true name=docsearch:language content=en><meta data-rh=true name=docsearch:docusaurus_tag content=default><meta data-rh=true property=og:title content="Build cross-platform desktop apps with JavaScript, HTML, and CSS | Electron"><meta data-rh=true name=description content="Build cross-platform desktop apps with JavaScript, HTML, and CSS"><meta data-rh=true property=og:description content="Build cross-platform desktop apps with JavaScript, HTML, and CSS"><link data-rh=true rel=icon href=/assets/img/favicon.ico><link data-rh=true rel=canonical href=https://electronjs.org/><link data-rh=true rel=alternate href=https://electronjs.org/ hreflang=en><link data-rh=true rel=alternate href=https://electronjs.org/de/ hreflang=de><link data-rh=true rel=alternate href=https://electronjs.org/es/ hreflang=es><link data-rh=true rel=alternate href=https://electronjs.org/fr/ hreflang=fr><link data-rh=true rel=alternate href=https://electronjs.org/ja/ hreflang=ja><link data-rh=true rel=alternate href=https://electronjs.org/pt/ hreflang=pt><link data-rh=true rel=alternate href=https://electronjs.org/ru/ hreflang=ru><link data-rh=true rel=alternate href=https://electronjs.org/zh/ hreflang=zh><link data-rh=true rel=alternate href=https://electronjs.org/ hreflang=x-default><link data-rh=true rel=preconnect href=https://MG3SRMK3K0-dsn.algolia.net crossorigin=anonymous><script data-rh=true>document.addEventListener("DOMContentLoaded",function(){void 0===window.docusaurus&&insertBanner()});function insertBanner(){var n=document.createElement("div");n.id="__docusaurus-base-url-issue-banner-container",n.innerHTML='\n<div id="__docusaurus-base-url-issue-banner" style="border: thick solid red; background-color: rgb(255, 230, 179); margin: 20px; padding: 20px; font-size: 20px;">\n <p style="font-weight: bold; font-size: 30px;">Your Docusaurus site did not load properly.</p>\n <p>A very common reason is a wrong site <a href="https://docusaurus.io/docs/docusaurus.config.js/#baseUrl" style="font-weight: bold;">baseUrl configuration</a>.</p>\n <p>Current configured baseUrl = <span style="font-weight: bold; color: red;">/</span> (default value)</p>\n <p>We suggest trying baseUrl = <span id="__docusaurus-base-url-issue-banner-suggestion-container" style="font-weight: bold; color: green;"></span></p>\n</div>\n',document.body.prepend(n);var e=document.getElementById("__docusaurus-base-url-issue-banner-suggestion-container"),s=window.location.pathname,o="/"===s.substr(-1)?s:s+"/";e.innerHTML=o}</script><link rel=alternate type=application/rss+xml href=/blog/rss.xml title="Electron RSS Feed"><link rel=alternate type=application/atom+xml href=/blog/atom.xml title="Electron Atom Feed"><link rel=preconnect href=https://www.google-analytics.com><link rel=preconnect href=https://www.googletagmanager.com><script async src="https://www.googletagmanager.com/gtag/js?id=UA-160365006-1"></script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","UA-160365006-1",{anonymize_ip:!0})</script><link rel=search type=application/opensearchdescription+xml title=Electron href=/opensearch.xml><meta name=docs-sha content=3b89a5e1839c1704bcb3ca73c6f0ce547616860d><link rel=stylesheet href=/assets/css/styles.04f6ad9e.css><script src=/assets/js/runtime~main.61a31a22.js defer></script><script src=/assets/js/main.a6c235fd.js defer></script><body class=navigation-with-keyboard><script>!function(){var t,e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();t=null!==e?e:window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":(window.matchMedia("(prefers-color-scheme: light)").matches,"light"),document.documentElement.setAttribute("data-theme",t)}(),function(){try{for(var[t,e]of new URLSearchParams(window.location.search).entries())if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id=__docusaurus><div role=region aria-label="Skip to main content"><a class=skipToContent_fXgn href=#__docusaurus_skipToContent_fallback>Skip to main content</a></div><div class=announcementBar_mb4j style=background-color:#9feaf9;color:#1b1c26 role=banner><div class=announcementBarPlaceholder_vyr4></div><div class="content_knG7 announcementBarContent_xLdY">Soon, <strong><code>@electron</code></strong> packages on npm will require Node.js 22 LTS. <a href=https://www.electronjs.org/blog/ecosystem-node-22/>Read more on our blog.</a></div><button type=button aria-label=Close class="clean-btn close closeButton_CVFx announcementBarClose_gvF7"><svg viewBox="0 0 15 15" width=14 height=14><g stroke=currentColor stroke-width=3.1><path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"/></g></svg></button></div><nav aria-label=Main class="navbar navbar--fixed-top navbar--dark"><div class=navbar__inner><div class=navbar__items><button aria-label="Toggle navigation bar" aria-expanded=false class="navbar__toggle clean-btn" type=button><svg width=30 height=30 viewBox="0 0 30 30" aria-hidden=true><path stroke=currentColor stroke-linecap=round stroke-miterlimit=10 stroke-width=2 d="M4 7h22M4 15h22M4 23h22"/></svg></button><a class=navbar__brand href=/><div class=navbar__logo><img src=/assets/img/logo.svg alt="Electron homepage" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src=/assets/img/logo.svg alt="Electron homepage" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div><b class="navbar__title text--truncate">Electron</b></a><a class="navbar__item navbar__link" href=/docs/latest/>Docs</a><a class="navbar__item navbar__link" href=/docs/latest/api/app>API</a><a class="navbar__item navbar__link" href=/blog>Blog</a><div class="navbar__item dropdown dropdown--hoverable"><a href=# aria-haspopup=true aria-expanded=false role=button class=navbar__link>Tools</a><ul class=dropdown__menu><li><a href=https://electronforge.io target=_blank rel="noopener noreferrer" class=dropdown__link>Electron Forge</a><li><a class=dropdown__link href=/fiddle>Electron Fiddle</a></ul></div><div class="navbar__item dropdown dropdown--hoverable"><a href=# aria-haspopup=true aria-expanded=false role=button class=navbar__link>Community</a><ul class=dropdown__menu><li><a class=dropdown__link href=/governance>Governance</a><li><a class=dropdown__link href=/apps>Showcase</a><li><a class=dropdown__link href=/community>Resources</a></ul></div><a class="navbar__item navbar__link" href=/docs/latest/why-electron>Why Electron</a></div><div class="navbar__items navbar__items--right"><a href=https://releases.electronjs.org target=_blank rel="noopener noreferrer" class="navbar__item navbar__link">Releases<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_nPIU><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href=# aria-haspopup=true aria-expanded=false role=button class=navbar__link><svg viewBox="0 0 24 24" width=20 height=20 aria-hidden=true class=iconLanguage_nlXk><path fill=currentColor d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"/></svg>English</a><ul class=dropdown__menu><li><a href=/ target=_self rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang=en>English</a><li><a href=/de/ target=_self rel="noopener noreferrer" class=dropdown__link lang=de>Deutsch</a><li><a href=/es/ target=_self rel="noopener noreferrer" class=dropdown__link lang=es>Español</a><li><a href=/fr/ target=_self rel="noopener noreferrer" class=dropdown__link lang=fr>Français</a><li><a href=/ja/ target=_self rel="noopener noreferrer" class=dropdown__link lang=ja>日本語</a><li><a href=/pt/ target=_self rel="noopener noreferrer" class=dropdown__link lang=pt>Português</a><li><a href=/ru/ target=_self rel="noopener noreferrer" class=dropdown__link lang=ru>Русский</a><li><a href=/zh/ target=_self rel="noopener noreferrer" class=dropdown__link lang=zh>中文</a></ul></div><a href=https://github.com/electron/electron target=_blank rel="noopener noreferrer" class="navbar__item navbar__link header-github-link" aria-label="GitHub repository"></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS darkNavbarColorModeToggle_X3D1" type=button disabled title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live=polite aria-pressed=false><svg viewBox="0 0 24 24" width=24 height=24 class=lightToggleIcon_pyhR><path fill=currentColor d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"/></svg><svg viewBox="0 0 24 24" width=24 height=24 class=darkToggleIcon_wfgR><path fill=currentColor d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"/></svg></button></div><div class=navbarSearchContainer_Bca1><button type=button class="DocSearch DocSearch-Button" aria-label="Search (Command+K)"><span class=DocSearch-Button-Container><svg width=20 height=20 class=DocSearch-Search-Icon viewBox="0 0 20 20" aria-hidden=true><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke=currentColor fill=none fill-rule=evenodd stroke-linecap=round stroke-linejoin=round /></svg><span class=DocSearch-Button-Placeholder>Search</span></span><span class=DocSearch-Button-Keys></span></button></div></div></div><div role=presentation class=navbar-sidebar__backdrop></div></nav><div id=__docusaurus_skipToContent_fallback class="main-wrapper mainWrapper_z2l0"><header class="hero hero--primary heroElectron_iQKg"><div class=container><div class=row><div class="col col--12"><svg class=heroImage_PLwj viewBox="0 0 1800 300" xmlns=http://www.w3.org/2000/svg><g fill=none fill-rule=evenodd transform=translate(451.5)><g><path class=app_Wfh9 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=app_Wfh9 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=app_Wfh9 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=app_Wfh9 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=app_Wfh9 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=app_Wfh9 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=app_Wfh9 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=app_Wfh9 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=app_Wfh9 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=app_Wfh9 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=app_Wfh9 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=app_Wfh9 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=app_Wfh9 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=app_Wfh9 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 transform="translate(352.000000, 44.000000)"><path class="logoLine_vBks logo_zGer" 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 class="logoLine_vBks logo_zGer" 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"/><circle class="logoCircle_IbGX logo_zGer" cx=185 cy=163 r=11 /><path class="logoLine_vBks logo_zGer" 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 class="logoLine_vBks logo_zGer" 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"/><circle class="logoCircle_IbGX logo_zGer" cx=11 cy=163 r=11 /><path class="logoLine_vBks logo_zGer" 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 class="logoLine_vBks logo_zGer" 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"/><circle class="logoCircle_IbGX logo_zGer" cx=98 cy=12 r=11 /><circle class="logoFilled_d164 logo_zGer" cx=98 cy=112 r=10 /></g></g></svg></div><div class="col col--12 heroHeadline__943"><h1>Build cross-platform desktop apps with JavaScript, HTML, and CSS</h1><a class="button button--electron button--dark button--lg" href=/docs/latest/>Docs</a></div></div></div></header><main><div class=container><div class=section_lM5q><div class="row blurb_IrZX"><div class="col blurb2_ttSB"><svg xmlns=http://www.w3.org/2000/svg width=48 height=48 viewBox="0 0 236 200"><title>web-tech</title><g fill=none fill-rule=evenodd stroke-linecap=round stroke-linejoin=round stroke-width=2 transform="translate(48 40)"><rect width=140 height=120 fill=#B9E1EA fill-opacity=0.76 stroke=#3B8594 rx=3 /><path fill=#FFF stroke=#4EA3B3 d="M.5 30h138M130 20H56V10h74z"/><circle cx=45 cy=15 r=5 fill=#FFF stroke=#4EA3B3 /><circle cx=30 cy=15 r=5 fill=#FFF stroke=#4EA3B3 /><circle cx=15 cy=15 r=5 fill=#FFF stroke=#4EA3B3 /></g></svg><h3>Web Technologies</h3><p>Electron embeds Chromium and Node.js to enable web developers to create desktop applications.</div><div class="col blurb2_ttSB"><svg xmlns=http://www.w3.org/2000/svg width=48 height=48 viewBox="0 0 236 200"><title>cross-platform</title><g fill=none fill-rule=evenodd stroke-linecap=round stroke-linejoin=round stroke-width=2><path fill=#B9E1EA fill-opacity=0.76 stroke=#3B8594 d="M43 141.39c0 1.656 1.29 3.342 2.898 3.77l69.602 18.56c1.6.5 3.4.5 5 0l69.613-20.11c1.595-.46 2.887-2.17 2.887-3.84V60.453c0-2.767-2.164-5.613-4.82-6.354l-67.286-18.765c-1.598-.446-4.196-.444-5.788 0L47.82 54.099c-2.662.743-4.82 3.588-4.82 6.35z"/><path fill=#FFF stroke=#4EA3B3 d="M118 164.5V79M156 96.005V69M117 79 45 59M157 68 82 46M118 79l74-21M64 89.446v16L96 115V99z"/></g></svg><h3>Cross Platform</h3><p>Compatible with macOS, Windows, and Linux, Electron apps run on three platforms across all supported architectures.</div><div class="col blurb2_ttSB"><svg xmlns=http://www.w3.org/2000/svg width=48 height=48 viewBox="0 0 236 200"><title>open-source</title><g fill=none fill-rule=evenodd stroke-linecap=round stroke-linejoin=round stroke-width=2><path fill=#B9E1EA fill-opacity=0.76 stroke=#3B8594 d="M128 50c0 7.3 4.1 13.8 10 17.2v11.796c0 .554-.314 1.318-.712 1.716L118 100 98.712 80.712c-.393-.393-.712-1.168-.712-1.716V67.2c5.9-3.4 10-9.8 10-17.2 0-11.1-8.9-20-20-20s-20 8.9-20 20c0 7.3 4.1 13.8 10 17.2v16.792c0 .557.317 1.325.712 1.72l28.576 28.576c.393.393.712 1.152.712 1.72V132.8c-5.9 3.4-10 9.8-10 17.2 0 11.1 8.9 20 20 20s20-8.9 20-20c0-7.3-4.1-13.8-10-17.2v-16.792c0-.557.317-1.325.712-1.72l28.576-28.576c.393-.393.712-1.152.712-1.72V67.2c5.9-3.4 10-9.8 10-17.2 0-11.1-8.9-20-20-20s-20 8.9-20 20"/><path fill=#FFF stroke=#4EA3B3 d="M148 58c-4.4 0-8-3.667-8-8s3.667-8 8-8 8 3.667 8 8-3.667 8-8 8M118 158c-4.4 0-8-3.667-8-8s3.667-8 8-8 8 3.667 8 8-3.667 8-8 8M88 58c-4.4 0-8-3.667-8-8s3.667-8 8-8 8 3.667 8 8-3.667 8-8 8"/></g></svg><h3>Open Source</h3><p>Electron is an open source project maintained by the <a href=https://openjsf.org/ target=_blank rel="noopener noreferrer">OpenJS Foundation</a> and an active community of contributors.</div></div></div><div class=""><div style=text-align:center;margin-bottom:6rem><h2 class=heading_ztjy>Trusted by best-in-class apps</h2><p>Popular consumer and rock-solid enterprise apps use Electron to power their desktop experiences.</div><div class=carouselContainer_AcUQ><div class=carouselTrack_XrCe><div class=customerLogo_Bg6g><img src=/assets/app-logos/1password.svg alt="1Password logo" title=1Password style=height:3rem;width:auto;object-fit:contain;filter:brightness(0)></div><div class=customerLogo_Bg6g><img src=/assets/app-logos/openai.svg alt="OpenAI ChatGPT logo" title="OpenAI ChatGPT" style=height:3rem;width:auto;object-fit:contain;filter:brightness(0)></div><div class=customerLogo_Bg6g><img src=/assets/app-logos/slack.svg alt="Slack logo" title=Slack style=height:3rem;width:auto;object-fit:contain;filter:brightness(0)></div><div class=customerLogo_Bg6g><img src=/assets/app-logos/claude.svg alt="Anthropic Claude logo" title="Anthropic Claude" style=height:3rem;width:auto;object-fit:contain;filter:brightness(0)></div><div class=customerLogo_Bg6g><img src=/assets/app-logos/vscode.svg alt="Visual Studio Code logo" title="Visual Studio Code" style=height:3rem;width:auto;object-fit:contain;filter:brightness(0)></div><div class=customerLogo_Bg6g><img src=/assets/app-logos/figma.svg alt="Figma logo" title=Figma style=height:3rem;width:auto;object-fit:contain;filter:brightness(0)></div><div class=customerLogo_Bg6g><img src=/assets/app-logos/1password.svg alt="1Password logo" title=1Password style=height:3rem;width:auto;object-fit:contain;filter:brightness(0)></div><div class=customerLogo_Bg6g><img src=/assets/app-logos/openai.svg alt="OpenAI ChatGPT logo" title="OpenAI ChatGPT" style=height:3rem;width:auto;object-fit:contain;filter:brightness(0)></div><div class=customerLogo_Bg6g><img src=/assets/app-logos/slack.svg alt="Slack logo" title=Slack style=height:3rem;width:auto;object-fit:contain;filter:brightness(0)></div><div class=customerLogo_Bg6g><img src=/assets/app-logos/claude.svg alt="Anthropic Claude logo" title="Anthropic Claude" style=height:3rem;width:auto;object-fit:contain;filter:brightness(0)></div><div class=customerLogo_Bg6g><img src=/assets/app-logos/vscode.svg alt="Visual Studio Code logo" title="Visual Studio Code" style=height:3rem;width:auto;object-fit:contain;filter:brightness(0)></div><div class=customerLogo_Bg6g><img src=/assets/app-logos/figma.svg alt="Figma logo" title=Figma style=height:3rem;width:auto;object-fit:contain;filter:brightness(0)></div></div></div></div><div class=section_lM5q><div style=text-align:center;margin-bottom:6rem><h2>Desktop development made easy</h2><p>Electron takes care of the hard parts so you can focus on the core of your application.</div><div class="featureRow_MCbr row"><div class="col col--6"><div class=featureImageContainer_h4hW><img class=featureImage_umYU src=/assets/marketing/menu.png alt="macOS operating system menu for VSCode. 'Code' menu item is selected, and its submenu has items 'About Visual Studio Code', 'Check for Updates...', 'Preferences', 'Services', 'Hide Visual Studio Code', 'Hide Others', 'Show All', 'Quit Visual Studio Code'."></div></div><div class="col col--6 padding-vert--xl"><h3>Native graphical user interfaces</h3><p>Interact with your operating system's interfaces with Electron's main process APIs. Customize your <a href=/docs/latest/tutorial/window-customization>application window</a> appearance, control application <a href=/docs/latest/api/menu>menus</a>, or alert users through <a href=/docs/latest/api/dialog>dialogs</a> or <a href=/docs/latest/tutorial/notifications>notifications</a>.</div></div><div class="featureRow_MCbr row"><div class="col col--6"><div class=featureImageContainer_h4hW><img class=featureImage_umYU src=/assets/marketing/auto-updater.png alt="Dialog for Electron Fiddle's auto-update. The user is prompted to update to v0.27.3. 'A new version has been downloaded. Restart the application to apply the updates.' There are two buttons underneath: 'Later' and 'Restart'. "></div></div><div class="col col--6 padding-vert--xl"><h3>Automatic software updates</h3><p>Send out software updates to your macOS and Windows users whenever you release a new version with Electron's <a href=/docs/latest/api/auto-updater>autoUpdater module</a>, powered by <a href=https://github.com/Squirrel target=_blank rel="noopener noreferrer">Squirrel</a>.</div></div><div class="featureRow_MCbr row"><div class="col col--6"><div class=featureImageContainer_h4hW><img class=featureImage_umYU src=/assets/marketing/installer.png alt="Window on macOS for the WhatsApp Installer (DMG). Two icons are present: 'WhatsApp' and 'Applications'. The user is prompted to drag the WhatsApp app icon into the Applications folder."></div></div><div class="col col--6 padding-vert--xl"><h3>Application installers</h3><p>Use <a href=/docs/latest/tutorial/application-distribution>community-supported tooling</a> to generate platform-specific tooling like Apple Disk Image (.dmg) on macOS, Windows Installer (.msi) on Windows, or RPM Package Manager (.rpm) on Linux.</div></div><div class="featureRow_MCbr row"><div class="col col--6"><div class=featureImageContainer_h4hW><img class=featureImage_umYU src=/assets/marketing/app-store.png alt="Mac App Store window open to the Rocket.Chat download page."></div></div><div class="col col--6 padding-vert--xl"><h3>App store distribution</h3><p>Distribute your application to more users. Electron has first-class support for the <a href=https://www.apple.com/ca/osx/apps/app-store/index.html target=_blank rel="noopener noreferrer">Mac App Store</a> (macOS), the <a href=https://www.microsoft.com/en-ca/store/apps/windows target=_blank rel="noopener noreferrer">Microsoft Store</a> (Windows), or the <a href=https://snapcraft.io/store target=_blank rel="noopener noreferrer">Snap Store</a> (Linux).</div></div><div class="featureRow_MCbr row"><div class="col col--6"><div class=featureImageContainer_h4hW><img class=featureImage_umYU src=/assets/marketing/crash-reporting.png alt="Screenshot of Sentry crash reporting (https://sentry.io). Shows the error message ('BrowserWindow Unresponsive'), user breadcrumbs, and user information."></div></div><div class="col col--6 padding-vert--xl"><h3>Crash reporting</h3><p>Automatically collect JavaScript and native crash data from your users with the <a href=/docs/latest/api/crash-reporter>crashReporter</a> module. Use a third-party service to collect this data or set up your own on-premise Crashpad server.</div></div></div><div class="section_lM5q center_KEVp"><div><h2>Use the tools you love</h2><p class=paragraphCenter__p3e>With the power of modern Chromium, Electron gives you an unopinionated blank slate to build your app. Choose to integrate your favourite libraries and frameworks from the front-end ecosystem, or carve your own path with bespoke HTML code.</div><div class=techContainer_d_Im><div class="avatar avatar--vertical techImageWrapper_R8xr"><img class="avatar__photo avatar__photo--sm techImage_iTEu" src=https://upload.wikimedia.org/wikipedia/commons/a/a7/React-icon.svg alt=""><div class=avatar__intro><small class=avatar__subtitle>React</small></div></div><div class="avatar avatar--vertical techImageWrapper_R8xr"><img class="avatar__photo avatar__photo--sm techImage_iTEu" src=https://cdn.jsdelivr.net/gh/devicons/devicon/icons/vuejs/vuejs-original.svg alt=""><div class=avatar__intro><small class=avatar__subtitle>Vue.js</small></div></div><div class="avatar avatar--vertical techImageWrapper_R8xr"><img class="avatar__photo avatar__photo--sm techImage_iTEu" src=https://cdn.jsdelivr.net/gh/devicons/devicon/icons/nextjs/nextjs-original.svg alt=""><div class=avatar__intro><small class=avatar__subtitle>Next.js</small></div></div><div class="avatar avatar--vertical techImageWrapper_R8xr"><img class="avatar__photo avatar__photo--sm techImage_iTEu" src=https://cdn.jsdelivr.net/gh/devicons/devicon/icons/tailwindcss/tailwindcss-original.svg alt=""><div class=avatar__intro><small class=avatar__subtitle>Tailwind CSS</small></div></div><div class="avatar avatar--vertical techImageWrapper_R8xr"><img class="avatar__photo avatar__photo--sm techImage_iTEu" src=https://cdn.jsdelivr.net/gh/devicons/devicon/icons/bootstrap/bootstrap-original.svg alt=""><div class=avatar__intro><small class=avatar__subtitle>Bootstrap</small></div></div><div class="avatar avatar--vertical techImageWrapper_R8xr"><img class="avatar__photo avatar__photo--sm techImage_iTEu" src=https://cdn.jsdelivr.net/gh/devicons/devicon/icons/threejs/threejs-original.svg alt=""><div class=avatar__intro><small class=avatar__subtitle>Three.js</small></div></div><div class="avatar avatar--vertical techImageWrapper_R8xr"><img class="avatar__photo avatar__photo--sm techImage_iTEu" src=https://upload.wikimedia.org/wikipedia/commons/c/cf/Angular_full_color_logo.svg alt=""><div class=avatar__intro><small class=avatar__subtitle>Angular</small></div></div><div class="avatar avatar--vertical techImageWrapper_R8xr"><img class="avatar__photo avatar__photo--sm techImage_iTEu" src=https://upload.wikimedia.org/wikipedia/commons/4/4c/Typescript_logo_2020.svg alt=""><div class=avatar__intro><small class=avatar__subtitle>TypeScript</small></div></div><div class="avatar avatar--vertical techImageWrapper_R8xr"><img class="avatar__photo avatar__photo--sm techImage_iTEu" src=https://cdn.jsdelivr.net/gh/devicons/devicon/icons/webpack/webpack-original.svg alt=""><div class=avatar__intro><small class=avatar__subtitle>webpack</small></div></div><div class="avatar avatar--vertical techImageWrapper_R8xr"><img class="avatar__photo avatar__photo--sm techImage_iTEu" src=https://playwright.dev/img/playwright-logo.svg alt=""><div class=avatar__intro><small class=avatar__subtitle>Playwright</small></div></div><div class="avatar avatar--vertical techImageWrapper_R8xr"><img class="avatar__photo avatar__photo--sm techImage_iTEu" src=https://testing-library.com/img/octopus-64x64.png alt=""><div class=avatar__intro><small class=avatar__subtitle>Testing Library</small></div></div><div class="avatar avatar--vertical techImageWrapper_R8xr"><img class="avatar__photo avatar__photo--sm techImage_iTEu" src=https://cdn.jsdelivr.net/gh/devicons/devicon/icons/sass/sass-original.svg alt=""><div class=avatar__intro><small class=avatar__subtitle>Sass</small></div></div></div></div></div><div class=accentBackground_Fbds><div class=container><div class=section_lM5q><div class="explore_IMt5 row"><div class="col margin-bottom--lg"><div class="badge badge--info"><span class=exploreSubtext_i1yK>New!</span></div><h2>Electron Forge</h2><p>Electron Forge is a batteries-included toolkit for building and publishing Electron apps. Get your Electron app started the right way with first-class support for JavaScript bundling and an extensible module ecosystem.<div class=button-group><a href=https://electronforge.io target=_blank rel="noopener noreferrer" class="button button--electron">Get started</a><a href=https://github.com/electron/forge target=_blank rel="noopener noreferrer" class="button button--info">Source code</a></div></div><div class=col><div><div class=buttons_IMnX><span class=dot_f9g1 style=background:#f25f58></span><span class=dot_f9g1 style=background:#fbbe3c></span><span class=dot_f9g1 style=background:#58cb42></span></div><pre class=codeBlock_NtOJ><code><span class=no-select>$ </span>npm init electron-app@latest my-app<span class="codeComment_Iz8Q no-select"><br>✔ Locating custom template: "base"<br>✔ Initializing directory<br>✔ Preparing template<br>✔ Initializing template<br>✔ Installing template dependencies</span></code></pre></div></div></div><div class="explore_IMt5 row"><div class="col margin-bottom--lg"><span class=exploreSubtext_i1yK>Direct download</span><h2>Installation</h2><p>If you want to figure things out for yourself, you can install the Electron package directly from the npm registry.<p>For a production-ready experience, install the latest stable version. If you want something a bit more experimental, try the prerelease or nightly channels.</div><div class=col><div><ul class="pills pills--block"><li class="pills__item pills__item--active">Stable<li class=pills__item>Prerelease<li class=pills__item>Nightly</ul><div><div class=buttons_IMnX><span class=dot_f9g1 style=background:#f25f58></span><span class=dot_f9g1 style=background:#fbbe3c></span><span class=dot_f9g1 style=background:#58cb42></span></div><pre class=codeBlock_NtOJ><code><span class=no-select>$ </span>npm install --save-dev electron@latest<span class="codeComment_yB3p no-select"><br># Electron 34.2.0<br># Node 20.18.2<br># Chromium 132.0.6834.196</span></code></pre></div></div></div></div><div class="explore_IMt5 row"><div class="col margin-bottom--lg"><span class=exploreSubtext_i1yK>Experiment with the API</span><h2>Electron Fiddle</h2><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.<p>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.<div class=button-group><a class="button button--electron" href=/fiddle>Download</a><a href=https://github.com/electron/fiddle target=_blank rel="noopener noreferrer" class="button button--info">Source code</a></div></div><div class=col><img class=shadow--tl src=/assets/marketing/fiddle.png alt="Screenshot of Electron Fiddle's main window"></div></div></div></div></div><div class=container><div class=section_lM5q style=text-align:center><h2>Apps users love, built with Electron</h2><p>Thousands of organizations spanning all industries use Electron to build cross-platform software.<div><div class=appsContainer_DB0t><a href=https://1password.com/ class="appCard_nA_C card"><div class="avatar card__body"><img class="avatar__photo appLogo_M_8L" src=/assets/apps/1password.svg alt=""><div class=avatar__intro><small class=avatar__name>1Password</small></div></div></a><a href=https://discord.com/ class="appCard_nA_C card"><div class="avatar card__body"><img class="avatar__photo appLogo_M_8L" src=/assets/apps/discord.svg alt=""><div class=avatar__intro><small class=avatar__name>Discord</small></div></div></a><a href=https://dropbox.com/ class="appCard_nA_C card"><div class="avatar card__body"><img class="avatar__photo appLogo_M_8L" src=/assets/apps/dropbox.svg alt=""><div class=avatar__intro><small class=avatar__name>Dropbox</small></div></div></a><a href=https://figma.com/ class="appCard_nA_C card"><div class="avatar card__body"><img class="avatar__photo appLogo_M_8L" src=/assets/apps/figma.svg alt=""><div class=avatar__intro><small class=avatar__name>Figma</small></div></div></a><a href=https://www.loom.com/ class="appCard_nA_C card"><div class="avatar card__body"><img class="avatar__photo appLogo_M_8L" src=/assets/apps/loom.svg alt=""><div class=avatar__intro><small class=avatar__name>Loom</small></div></div></a><a href=https://signal.org/en/ class="appCard_nA_C card"><div class="avatar card__body"><img class="avatar__photo appLogo_M_8L" src=/assets/apps/signal.svg alt=""><div class=avatar__intro><small class=avatar__name>Signal</small></div></div></a><a href=https://skype.com/ class="appCard_nA_C card"><div class="avatar card__body"><img class="avatar__photo appLogo_M_8L" src=/assets/apps/skype.svg alt=""><div class=avatar__intro><small class=avatar__name>Skype</small></div></div></a><a href=https://slack.com/ class="appCard_nA_C card"><div class="avatar card__body"><img class="avatar__photo appLogo_M_8L" src=/assets/apps/slack.svg alt=""><div class=avatar__intro><small class=avatar__name>Slack</small></div></div></a><a href=https://www.notion.so/ class="appCard_nA_C card"><div class="avatar card__body"><img class="avatar__photo appLogo_M_8L" src=/assets/apps/notion.svg alt=""><div class=avatar__intro><small class=avatar__name>Notion</small></div></div></a><a href=https://code.visualstudio.com/ class="appCard_nA_C card"><div class="avatar card__body"><img class="avatar__photo appLogo_M_8L" src=/assets/apps/vscode.svg alt=""><div class=avatar__intro><small class=avatar__name>VS Code</small></div></div></a><a href=https://microsoft.com/en-ca/microsoft-teams/group-chat-software/ class="appCard_nA_C card"><div class="avatar card__body"><img class="avatar__photo appLogo_M_8L" src=/assets/apps/teams.svg alt=""><div class=avatar__intro><small class=avatar__name>Microsoft Teams</small></div></div></a><a href=https://asana.com/ class="appCard_nA_C card"><div class="avatar card__body"><img class="avatar__photo appLogo_M_8L" src=/assets/apps/asana.svg alt=""><div class=avatar__intro><small class=avatar__name>Asana</small></div></div></a><a href=https://desktop.github.com/ class="appCard_nA_C card"><div class="avatar card__body"><img class="avatar__photo appLogo_M_8L" src=/assets/apps/github-desktop.svg alt=""><div class=avatar__intro><small class=avatar__name>GitHub Desktop</small></div></div></a><a href=https://itch.io/app class="appCard_nA_C card"><div class="avatar card__body"><img class="avatar__photo appLogo_M_8L" src=/assets/apps/itchio.svg alt=""><div class=avatar__intro><small class=avatar__name>itch</small></div></div></a><a href=https://www.mongodb.com/products/compass class="appCard_nA_C card"><div class="avatar card__body"><img class="avatar__photo appLogo_M_8L" src=/assets/apps/mongodb.svg alt=""><div class=avatar__intro><small class=avatar__name>MongoDB Compass</small></div></div></a><a href=https://obsidian.md/ class="appCard_nA_C card"><div class="avatar card__body"><img class="avatar__photo appLogo_M_8L" src=/assets/apps/obsidian.svg alt=""><div class=avatar__intro><small class=avatar__name>Obsidian</small></div></div></a><a href=https://polypane.app/ class="appCard_nA_C card"><div class="avatar card__body"><img class="avatar__photo appLogo_M_8L" src=/assets/apps/polypane.svg alt=""><div class=avatar__intro><small class=avatar__name>Polypane</small></div></div></a><a href=https://postman.com/ class="appCard_nA_C card"><div class="avatar card__body"><img class="avatar__photo appLogo_M_8L" src=/assets/apps/postman.svg alt=""><div class=avatar__intro><small class=avatar__name>Postman</small></div></div></a><a href=https://splice.com/ class="appCard_nA_C card"><div class="avatar card__body"><img class="avatar__photo appLogo_M_8L" src=/assets/apps/splice.svg alt=""><div class=avatar__intro><small class=avatar__name>Splice</small></div></div></a><a href=https://screen.studio class="appCard_nA_C card"><div class="avatar card__body"><img class="avatar__photo appLogo_M_8L" src=/assets/apps/screen-studio.png alt=""><div class=avatar__intro><small class=avatar__name>Screen Studio</small></div></div></a><a href=https://trello.com/ class="appCard_nA_C card"><div class="avatar card__body"><img class="avatar__photo appLogo_M_8L" src=/assets/apps/trello.svg alt=""><div class=avatar__intro><small class=avatar__name>Trello</small></div></div></a><a href=https://www.twitch.tv/ class="appCard_nA_C card"><div class="avatar card__body"><img class="avatar__photo appLogo_M_8L" src=/assets/apps/twitch.svg alt=""><div class=avatar__intro><small class=avatar__name>Twitch</small></div></div></a></div><a class="button button--electron margin-top--lg" href=/apps>See more</a></div></div></div></main></div><footer class=footer><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class=footer__title>Docs</div><ul class="footer__items clean-list"><li class=footer__item><a class=footer__link-item href=/docs/latest/>Getting Started</a><li class=footer__item><a class=footer__link-item href=/docs/latest/api/app>API Reference</a></ul></div><div class="col footer__col"><div class=footer__title>Checklists</div><ul class="footer__items clean-list"><li class=footer__item><a class=footer__link-item href=/docs/latest/tutorial/performance>Performance</a><li class=footer__item><a class=footer__link-item href=/docs/latest/tutorial/security>Security</a></ul></div><div class="col footer__col"><div class=footer__title>Tools</div><ul class="footer__items clean-list"><li class=footer__item><a href=https://electronforge.io target=_blank rel="noopener noreferrer" class=footer__link-item>Electron Forge</a><li class=footer__item><a class=footer__link-item href=/fiddle>Electron Fiddle</a></ul></div><div class="col footer__col"><div class=footer__title>Community</div><ul class="footer__items clean-list"><li class=footer__item><a class=footer__link-item href=/governance>Governance</a><li class=footer__item><a class=footer__link-item href=/community>Resources</a><li class=footer__item><a href=https://discordapp.com/invite/APGC3k5yaH target=_blank rel="noopener noreferrer" class=footer__link-item>Discord<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_nPIU><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a><li class=footer__item><a href=https://bsky.app/profile/electronjs.org target=_blank rel="noopener noreferrer" class=footer__link-item>Bluesky<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_nPIU><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a><li class=footer__item><a href=https://x.com/electronjs target=_blank rel="noopener noreferrer" class=footer__link-item>X<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_nPIU><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a><li class=footer__item><a href=https://social.lfx.dev/@electronjs target=_blank rel=me class=footer__link-item>Mastodon<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" style="margin-left: 0.3rem;"><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a><li class=footer__item><a href=https://stackoverflow.com/questions/tagged/electron target=_blank rel="noopener noreferrer" class=footer__link-item>Stack Overflow<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_nPIU><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a></ul></div><div class="col footer__col"><div class=footer__title>More</div><ul class="footer__items clean-list"><li class=footer__item><a href=https://github.com/electron/electron target=_blank rel="noopener noreferrer" class=footer__link-item>GitHub<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_nPIU><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a><li class=footer__item><a href=https://opencollective.com/electron target=_blank rel="noopener noreferrer" class=footer__link-item>Open Collective<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_nPIU><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a><li class=footer__item><a href=https://p.datadoghq.com/sb/c44e1df0-85d7-11ee-94c9-da7ad0900002-c245f7ef47d0d0c32abecdc0938c2a85 target=_blank rel="noopener noreferrer" class=footer__link-item>Infrastructure Dashboard<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_nPIU><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a></ul></div></div><div class=footerSplit_ceoI><div class="footer__bottom text--left"><div class=margin-bottom--sm><a href=https://openjsf.org/ rel="noopener noreferrer" class=footerLogoLink_BH7S><img src=/assets/img/openjsf_logo.svg alt="OpenJS Foundation Logo" class="footer__logo themedComponent_mlkZ themedComponent--light_NVdE"><img src=/assets/img/openjsf_logo-dark.svg alt="OpenJS Foundation Logo" class="footer__logo themedComponent_mlkZ themedComponent--dark_xIcU"></a></div><div class=footer__copyright>Copyright © 2023 OpenJS Foundation and Electron contributors.</div></div><div class="footer__bottom text--right"><div class=margin-bottom--sm>Hosting and infrastructure graciously provided by</div><div class=logoCluster_P_xL><img src=/assets/third-parties/azure.png alt="Azure Logo"><img src=/assets/third-parties/heroku_dark.png alt="Heroku Logo" class=darkOnly_ojNJ><img src=/assets/third-parties/heroku_light.png alt="Heroku Logo" class=lightOnly_R5kF><img src=/assets/third-parties/datadog_dark.png alt="DataDog Logo" class=darkOnly_ojNJ><img src=/assets/third-parties/datadog_light.png alt="DataDog Logo" class=lightOnly_R5kF></div></div></div></div></footer></div>