CINXE.COM

<!doctype html> <html lang="en" dir="ltr" class="plugin-pages plugin-id-default" data-has-hydrated="false"> <head> <meta charset="UTF-8"> <meta name="generator" content="Docusaurus v3.6.1"> <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"><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">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}document.addEventListener("DOMContentLoaded",(function(){void 0===window.docusaurus&&insertBanner()}))</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="c01481967326c91b82d2a1c459a6d005121042f7"><link rel="stylesheet" href="/assets/css/styles.47db1271.css"> <script src="/assets/js/runtime~main.d416547c.js" defer="defer"></script> <script src="/assets/js/main.ca6bcce4.js" defer="defer"></script> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</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><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"></path></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><li><a class="dropdown__link" href="/fiddle">Electron Fiddle</a></li></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><li><a class="dropdown__link" href="/apps">Showcase</a></li><li><a class="dropdown__link" href="/community">Resources</a></li></ul></div></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"></path></svg></a><a href="https://github.com/electron/electron" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">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"></path></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"></path></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><li><a href="/de/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li><li><a href="/es/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="es">Español</a></li><li><a href="/fr/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="fr">Français</a></li><li><a href="/ja/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/pt/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="pt">Português</a></li><li><a href="/ru/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ru">Русский</a></li><li><a href="/zh/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li></ul></div><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"></path></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"></path></svg></button></div><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><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"></path></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><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><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><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><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><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><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><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><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><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><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><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><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><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"></path></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><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"></path><circle class="logoCircle_IbGX logo_zGer" cx="185" cy="163" r="11"></circle><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><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"></path><circle class="logoCircle_IbGX logo_zGer" cx="11" cy="163" r="11"></circle><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><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"></path><circle class="logoCircle_IbGX logo_zGer" cx="98" cy="12" r="11"></circle><circle class="logoFilled_d164 logo_zGer" cx="98" cy="112" r="10"></circle></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"></rect><path fill="#FFF" stroke="#4EA3B3" d="M.5 30h138M130 20H56V10h74z"></path><circle cx="45" cy="15" r="5" fill="#FFF" stroke="#4EA3B3"></circle><circle cx="30" cy="15" r="5" fill="#FFF" stroke="#4EA3B3"></circle><circle cx="15" cy="15" r="5" fill="#FFF" stroke="#4EA3B3"></circle></g></svg><h3>Web Technologies</h3><p>Electron embeds Chromium and Node.js to enable web developers to create desktop applications.</p></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><path fill="#FFF" stroke="#4EA3B3" d="M118 164.5V79M156 96.005V69M117 79 45 59M157 68 82 46M118 79l74-21M64 89.446v16L96 115V99z"></path></g></svg><h3>Cross Platform</h3><p>Compatible with macOS, Windows, and Linux, Electron apps run on three platforms across all supported architectures.</p></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><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"></path></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.</p></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.</p></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>.</p></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>.</p></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.</p></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).</p></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.</p></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.</p></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.</p><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><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.</p></div><div class="col"><div><ul class="pills pills--block"><li class="pills__item pills__item--active">Stable</li><li class="pills__item">Prerelease</li><li class="pills__item">Nightly</li></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 33.2.0<br># Node 20.18.0<br># Chromium 130.0.6723.118</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><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.</p><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.</p><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://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://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://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.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://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://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://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://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://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://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://tidal.com" class="appCard_nA_C card"><div class="avatar card__body"><img class="avatar__photo appLogo_M_8L" src="/assets/apps/tidal.svg" alt=""><div class="avatar__intro"><small class="avatar__name">Tidal</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><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></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><li class="footer__item"><a class="footer__link-item" href="/docs/latest/api/app">API Reference</a></li></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><li class="footer__item"><a class="footer__link-item" href="/docs/latest/tutorial/security">Security</a></li></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><li class="footer__item"><a class="footer__link-item" href="/fiddle">Electron Fiddle</a></li></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><li class="footer__item"><a class="footer__link-item" href="/community">Resources</a></li><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"></path></svg></a></li><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"></path></svg></a></li><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"></path></svg></a></li><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"></path></svg></a></li><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"></path></svg></a></li></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"></path></svg></a></li><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"></path></svg></a></li><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"></path></svg></a></li></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"><img src="/assets/third-parties/heroku_dark.png" class="darkOnly_ojNJ"><img src="/assets/third-parties/heroku_light.png" class="lightOnly_R5kF"><img src="/assets/third-parties/datadog_dark.png" class="darkOnly_ojNJ"><img src="/assets/third-parties/datadog_light.png" class="lightOnly_R5kF"></div></div></div></div></footer></div> </body> </html>