1"use strict";(self.webpackChunkelectronjs=self.webpackChunkelectronjs||[]).push([["19452"],{15083(e,s,a){a.d(s,{A:()=>t});let t={featureRow:"featureRow_MCbr",featureImageContainer:"featureImageContainer_h4hW",featureImage:"featureImage_umYU"}},95008(e,s,a){a.r(s),a.d(s,{default:()=>U});var t=a(74848),o=a(96540),i=a(28195),r=a(95310),c=a(10898),n=a(20053);let l="section_lM5q",h="explore_IMt5",d="exploreSubtext_i1yK",m="logoCircle_IbGX logo_zGer",p="logoLine_vBks logo_zGer",v="app_Wfh9";function g(){return(0,t.jsx)("svg",{className:"heroImage_PLwj",viewBox:"0 0 1800 300",xmlns:"http://www.w3.org/2000/svg",children:(0,t.jsxs)("g",{fill:"none",fillRule:"evenodd",transform:"translate(451.5)",children:[(0,t.jsxs)("g",{children:[(0,t.jsx)("path",{className:v,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"}),(0,t.jsx)("path",{className:v,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"}),(0,t.jsx)("path",{className:v,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"}),(0,t.jsx)("path",{className:v,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"}),(0,t.jsx)("path",{className:v,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"}),(0,t.jsx)("path",{className:v,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"}),(0,t.jsx)("path",{className:v,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"}),(0,t.jsx)("path",{className:v,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"}),(0,t.jsx)("path",{className:v,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"}),(0,t.jsx)("path",{className:v,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"}),(0,t.jsx)("path",{className:v,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"}),(0,t.jsx)("path",{className:v,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"}),(0,t.jsx)("path",{className:v,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"}),(0,t.jsx)("path",{className:v,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"})]}),(0,t.jsxs)("g",{transform:"translate(352.000000, 44.000000)",children:[(0,t.jsx)("path",{className:p,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"}),(0,t.jsx)("path",{className:p,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"}),(0,t.jsx)("circle",{className:m,cx:"185",cy:"163",r:"11"}),(0,t.jsx)("path",{className:p,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"}),(0,t.jsx)("path",{className:p,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"}),(0,t.jsx)("circle",{className:m,cx:"11",cy:"163",r:"11"}),(0,t.jsx)("path",{className:p,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"}),(0,t.jsx)("path",{className:p,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"}),(0,t.jsx)("circle",{className:m,cx:"98",cy:"12",r:"11"}),(0,t.jsx)("circle",{className:"logoFilled_d164 logo_zGer",cx:"98",cy:"112",r:"10"})]})]})})}var u=a(83941);function x({list:e}){let{colorMode:s}=(0,u.G)(),a="dark"===s;return(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:"appsContainer_DB0t",children:e.map(e=>(0,t.jsx)("a",{href:e.href,className:(0,n.A)("appCard_nA_C","card"),children:(0,t.jsxs)("div",{className:"avatar card__body",children:[(0,t.jsx)("img",{className:(0,n.A)("avatar__photo","appLogo_M_8L",a&&e.isMonochrome&&"darkModeInvert_Lr21"),src:e.image,alt:""}),(0,t.jsx)("div",{className:"avatar__intro",children:(0,t.jsx)("small",{className:"avatar__name",children:e.name})})]})},e.image))}),(0,t.jsx)(r.A,{to:"/apps",className:"button button--electron margin-top--lg",children:"See more"})]})}var j=a(99044),w=a(99589),f=a.n(w);let b="dot_f9g1";function y({children:e}){return(0,t.jsxs)("div",{children:[(0,t.jsxs)("div",{className:"buttons_IMnX",children:[(0,t.jsx)("span",{className:b,style:{background:"#f25f58"}}),(0,t.jsx)("span",{className:b,style:{background:"#fbbe3c"}}),(0,t.jsx)("span",{className:b,style:{background:"#58cb42"}})]}),(0,t.jsx)("pre",{className:"codeBlock_NtOJ",children:(0,t.jsx)("code",{children:e})})]})}function N(){let[e,s]=(0,o.useState)("stable"),{stable:a,prerelease:i,nightly:r}=(0,j.P_)("releases-plugin"),c={stable:{invocation:"electron@latest",deps:{electron:a.version,node:a.node,chromium:a.chrome}},prerelease:{invocation:`electron@${f().prerelease(i.version)[0]}`,deps:{electron:i.version,node:i.node,chromium:i.chrome}},nightly:{invocation:"electron-nightly",deps:{electron:r.version,node:r.node,chromium:r.chrome}}};return(0,t.jsxs)("div",{children:[(0,t.jsxs)("ul",{className:"pills pills--block",children:[(0,t.jsx)("li",{className:(0,n.A)("pills__item","stable"===e&&"pills__item--active"),onClick:()=>s("stable"),children:"Stable"}),(0,t.jsx)("li",{className:(0,n.A)("pills__item","prerelease"===e&&"pills__item--active"),onClick:()=>s("prerelease"),children:"Prerelease"}),(0,t.jsx)("li",{className:(0,n.A)("pills__item","nightly"===e&&"pills__item--active"),onClick:()=>s("nightly"),children:"Nightly"})]}),(0,t.jsxs)(y,{children:[(0,t.jsx)("span",{className:"no-select",children:"$ "}),"npm install --save-dev"," ",c[e].invocation,(0,t.jsxs)("span",{className:(0,n.A)("codeComment_yB3p","no-select"),children:[(0,t.jsx)("br",{}),"# Electron ",c[e].deps.electron,(0,t.jsx)("br",{}),"# Node ",c[e].deps.node,(0,t.jsx)("br",{}),"# Chromium ",c[e].deps.chromium]})]})]})}var k=a(15083);function z({title:e,src:s,alt:a,children:o}){return(0,t.jsxs)("div",{className:(0,n.A)(k.A.featureRow,"row"),children:[(0,t.jsx)("div",{className:"col col--6",children:(0,t.jsx)("div",{className:k.A.featureImageContainer,children:(0,t.jsx)("img",{className:k.A.featureImage,src:s,alt:a})})}),(0,t.jsxs)("div",{className:"col col--6 padding-vert--xl",children:[(0,t.jsx)("h3",{children:e}),(0,t.jsx)("p",{children:o})]})]})}function A({list:e}){let{colorMode:s}=(0,u.G)(),a="dark"===s;return(0,t.jsx)("div",{className:"techContainer_d_Im",children:e.map(e=>
1(0,t.jsxs)("div",{className:(0,n.A)("avatar avatar--vertical","techImageWrapper_R8xr"),children:[(0,t.jsx)("img",{className:(0,n.A)("avatar__photo avatar__photo--sm","techImage_iTEu",a&&e.isMonochrome&&"darkModeInvert__tYM"),src:e.image,alt:""}),(0,t.jsx)("div",{className:"avatar__intro",children:(0,t.jsx)("small",{className:"avatar__subtitle",children:e.name})})]},e.name))})}let _={heading:"heading_ztjy",carouselContainer:"carouselContainer_AcUQ",carouselTrack:"carouselTrack_XrCe",scroll:"scroll_GGMf",customerLogo:"customerLogo_Bg6g"};function C({list:e}){let[s,a]=o.useState(!1),{colorMode:i}=(0,u.G)();return o.useEffect(()=>{a("dark"===i)},[i]),(0,t.jsxs)("div",{className:(0,n.A)(_.section),children:[(0,t.jsxs)("div",{style:{textAlign:"center",marginBottom:"6rem"},children:[(0,t.jsx)("h2",{className:_.heading,children:"Trusted by best-in-class apps"}),(0,t.jsx)("p",{children:"Popular consumer and rock-solid enterprise apps use Electron to power their desktop experiences."})]}),(0,t.jsx)("div",{className:_.carouselContainer,children:(0,t.jsx)("div",{className:_.carouselTrack,children:[...e,...e].map((e,a)=>(0,t.jsx)("div",{className:_.customerLogo,children:(0,t.jsx)("img",{src:e.image,alt:`${e.name} logo`,title:e.name,style:{height:"3rem",width:"auto",objectFit:"contain",filter:e.isMonochrome?void 0:s?"brightness(0) invert(1)":"brightness(0)"}})},`${e.name}-${a}`))})})]})}let M=[{name:"1Password",image:"/assets/app-logos/1password.svg",href:"https://1password.com/"},{name:"OpenAI ChatGPT",image:"/assets/app-logos/openai.svg",href:"https://openai.com/"},{name:"Slack",image:"/assets/app-logos/slack.svg",href:"https://slack.com/"},{name:"Anthropic Claude",image:"/assets/app-logos/claude.svg",href:"https://claude.ai/"},{name:"Visual Studio Code",image:"/assets/app-logos/vscode.svg",href:"https://code.visualstudio.com/"},{name:"Figma",image:"/assets/app-logos/figma.svg",href:"https://figma.com/"}],S=[{name:"1Password",image:"/assets/apps/1password.svg",href:"https://1password.com/"},{name:"Asana",image:"/assets/apps/asana.svg",href:"https://asana.com/"},{name:"Claude",image:"/assets/apps/claude.svg",href:"https://www.claude.com/download"},{name:"Discord",image:"/assets/apps/discord.svg",href:"https://discord.com/"},{name:"Dropbox",image:"/assets/apps/dropbox.svg",href:"https://dropbox.com/"},{name:"Figma",image:"/assets/apps/figma.svg",href:"https://figma.com/"},{name:"Loom",image:"/assets/apps/loom.svg",href:"https://www.loom.com/"},{name:"GitHub Desktop",image:"/assets/apps/github-desktop.svg",href:"https://desktop.github.com/"},{name:"itch",image:"/assets/apps/itchio.svg",href:"https://itch.io/app"},{name:"MongoDB Compass",image:"/assets/apps/mongodb.svg",href:"https://www.mongodb.com/products/compass"},{name:"Notion",image:"/assets/apps/notion.svg",href:"https://www.notion.so/"},{name:"Obsidian",image:"/assets/apps/obsidian.svg",href:"https://obsidian.md/"},{name:"OOMOL Studio",image:"/assets/apps/oomol-studio.svg",href:"https://oomol.com/"},{name:"Polypane",image:"/assets/apps/polypane.svg",href:"https://polypane.app/"},{name:"Postman",image:"/assets/apps/postman.svg",href:"https://postman.com/"},{name:"Signal",image:"/assets/apps/signal.svg",href:"https://signal.org/en/"},{name:"Slack",image:"/assets/apps/slack.svg",href:"https://slack.com/"},{name:"Splice",image:"/assets/apps/splice.svg",isMonochrome:!0,href:"https://splice.com/"},{name:"Screen Studio",image:"/assets/apps/screen-studio.png",href:"https://screen.studio"},{name:"Trello",image:"/assets/apps/trello.svg",href:"https://trello.com/"},{name:"Twitch",image:"/assets/apps/twitch.svg",href:"https://www.twitch.tv/"},{name:"VS Code",image:"/assets/apps/vscode.svg",href:"https://code.visualstudio.com/"}],E={whyCard:"whyCard_DT9I"};function I({title:e,description:s,icon:a}){return(0,t.jsxs)("div",{className:(0,n.A)("card",E.whyCard),children:[(0,t.jsxs)("div",{className:"card__header",children:[a,(0,t.jsx)("h3",{className:E.whyCardTitle,children:e})]}),(0,t.jsx)("div",{className:"card__body",children:(0,t.jsx)("p",{className:E.whyCardDescription,children:s})})]})}let L=e=>{let s=e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,s,a)=>a?a.toUpperCase():s.toLowerCase());return s.charAt(0).toUpperCase()+s.slice(1)},V=(...e)=>e.filter((e,s,a)=>!!e&&""!==e.trim()&&a.indexOf(e)===s).join(" ").trim();var T={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};let G=(0,o.forwardRef)(({color:e="currentColor",size:s=24,strokeWidth:a=2,absoluteStrokeWidth:t,className:i="",children:r,iconNode:c,...n},l)=>(0,o.createElement)("svg",{ref:l,...T,width:s,height:s,stroke:e,strokeWidth:t?24*Number(a)/Number(s):a,className:V("lucide",i),...!r&&!(e=>{for(let s in e)if(s.startsWith("aria-")||"role"===s||"title"===s)return!0})(n)&&{"aria-hidden":"true"},...n},[...c.map(([e,s])=>(0,o.createElement)(e,s)),...Array.isArray(r)?r:[r]])),W=(e,s)=>{let a=(0,o.forwardRef)(({className:a,...t},i)=>(0,o.createElement)(G,{ref:i,iconNode:s,className:V(`lucide-${L(e).replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}`,`lucide-${e}`,a),...t}));return a.displayName=L(e),a}
1,F=W("app-window-mac",[["rect",{width:"20",height:"16",x:"2",y:"4",rx:"2",key:"18n3k1"}],["path",{d:"M6 8h.01",key:"x9i8wu"}],["path",{d:"M10 8h.01",key:"1r9ogq"}],["path",{d:"M14 8h.01",key:"1primd"}]]),O=W("square-stack",[["path",{d:"M4 10c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h4c1.1 0 2 .9 2 2",key:"4i38lg"}],["path",{d:"M10 16c-1.1 0-2-.9-2-2v-4c0-1.1.9-2 2-2h4c1.1 0 2 .9 2 2",key:"mlte4a"}],["rect",{width:"8",height:"8",x:"14",y:"14",rx:"2",key:"1fa9i4"}]]),P=W("git-fork",[["circle",{cx:"12",cy:"18",r:"3",key:"1mpf1b"}],["circle",{cx:"6",cy:"6",r:"3",key:"1lh9wr"}],["circle",{cx:"18",cy:"6",r:"3",key:"1h7g24"}],["path",{d:"M18 9v2c0 .6-.4 1-1 1H7c-.6 0-1-.4-1-1V9",key:"1uq4wg"}],["path",{d:"M12 12v3",key:"158kv8"}]]),B=W("activity",[["path",{d:"M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2",key:"169zse"}]]),D=W("lock",[["rect",{width:"18",height:"11",x:"3",y:"11",rx:"2",ry:"2",key:"1w4ew1"}],["path",{d:"M7 11V7a5 5 0 0 1 10 0v4",key:"fwvmzm"}]]),R=W("blocks",[["rect",{width:"7",height:"7",x:"14",y:"3",rx:"1",key:"6d4xhi"}],["path",{d:"M10 21V8a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1H3",key:"1fpvtg"}]]);function H(){let{siteConfig:e}=(0,c.A)();return(0,t.jsxs)(i.A,{title:e.tagline,description:e.tagline,children:[(0,t.jsx)("header",{className:(0,n.A)("hero","hero--primary","heroElectron_iQKg"),children:(0,t.jsx)("div",{className:"container",children:(0,t.jsxs)("div",{className:"row",children:[(0,t.jsx)("div",{className:"col col--12",children:(0,t.jsx)(g,{})}),(0,t.jsxs)("div",{className:"col col--12",children:[(0,t.jsx)("h1",{className:"heroHeadline__943",children:e.tagline}),(0,t.jsxs)("div",{className:"heroButtons_A9BZ",children:[(0,t.jsx)(r.A,{className:"button button--lg button--electron button--dark",to:"/docs/latest/",children:"Get Started \u2192"}),(0,t.jsx)(r.A,{className:"button button--lg button--electron button--outline button--dark",to:"/docs/latest/why-electron",children:"Why Electron?"})]})]})]})})}),(0,t.jsxs)("main",{children:[(0,t.jsxs)("div",{className:"container",children:[(0,t.jsx)("div",{className:(0,n.A)(l),children:(0,t.jsxs)("div",{className:"row",children:[(0,t.jsx)("div",{className:"col col--4 margin-bottom--lg",children:(0,t.jsx)(I,{icon:(0,t.jsx)(F,{}),title:"Powered by the web",description:"Electron embeds Chromium and Node.js to bring JavaScript to the desktop."})}),(0,t.jsx)("div",{className:"col col--4 margin-bottom--lg",children:(0,t.jsx)(I,{icon:(0,t.jsx)(O,{}),title:"Cross-platform",description:"Electron apps run natively on macOS, Windows, and Linux across all supported architectures."})}),(0,t.jsx)("div",{className:"col col--4 margin-bottom--lg",children:(0,t.jsx)(I,{icon:(0,t.jsx)(P,{}),title:"Open to all",description:(0,t.jsxs)(t.Fragment,{children:["Electron is an open-source project under the"," ",(0,t.jsx)(r.A,{to:"https://openjsf.org/",children:"OpenJS Foundation"})," ","maintained by an active community of contributors."]})})}),(0,t.jsx)("div",{className:"col col--4 margin-bottom--lg",children:(0,t.jsx)(I,{icon:(0,t.jsx)(B,{}),title:"Stable",description:"Electron's bundled Chromium build ensures that your app has a stable rendering target with all the newest web platform features."})}),(0,t.jsx)("div",{className:"col col--4 margin-bottom--lg",children:(0,t.jsx)(I,{icon:(0,t.jsx)(D,{}),title:"Secure",description:"Electron releases major versions in lockstep with Chromium so you get security fixes as soon as they are available."})}),(0,t.jsx)("div",{className:"col col--4 margin-bottom--lg",children:(0,t.jsx)(I,{icon:(0,t.jsx)(R,{}),title:"Extensible",description:(0,t.jsxs)(t.Fragment,{children:["Use any package from the rich"," ",(0,t.jsx)(r.A,{to:"https://www.npmjs.com/",children:"npm"})," ecosystem, or write your own"," ",(0,t.jsx)(r.A,{to:"/docs/latest/tutorial/native-code-and-electron",children:"native add-on code"})," ","to extend Electron."]})})})]})}),(0,t.jsx)(C,{list:M}),(0,t.jsxs)("div",{className:(0,n.A)(l),children:[(0,t.jsxs)("div",{style:{textAlign:"center",marginBottom:"6rem"},children:[(0,t.jsx)("h2",{children:"Desktop development made easy"}),(0,t.jsx)("p",{children:"Electron takes care of the hard parts so you can focus on the core of your application."})]}),(0,t.jsxs)(z,{title:"Native graphical user interfaces",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'.",children:["Interact with your operating system's interfaces with Electron's main process APIs. Customize your"," ",(0,t.jsx)(r.A,{to:"/docs/latest/tutorial/window-cu
1stomization",children:"application window"})," ","appearance, control application"," ",(0,t.jsx)(r.A,{to:"/docs/latest/api/menu",children:"menus"}),", or alert users through ",(0,t.jsx)(r.A,{to:"/docs/latest/api/dialog",children:"dialogs"})," or"," ",(0,t.jsx)(r.A,{to:"/docs/latest/tutorial/notifications",children:"notifications"}),"."]}),(0,t.jsxs)(z,{title:"Automatic software updates",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'. ",children:["Send out software updates to your macOS and Windows users whenever you release a new version with Electron's"," ",(0,t.jsx)(r.A,{to:"/docs/latest/api/auto-updater",children:"autoUpdater module"}),", powered by"," ",(0,t.jsx)(r.A,{to:"https://github.com/Squirrel",children:"Squirrel"}),"."]}),(0,t.jsxs)(z,{title:"Application installers",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.",children:["Use"," ",(0,t.jsx)(r.A,{to:"/docs/latest/tutorial/application-distribution",children:"community-supported tooling"})," ","to generate platform-specific tooling like Apple Disk Image (.dmg) on macOS, Windows Installer (.msi) on Windows, or RPM Package Manager (.rpm) on Linux."]}),(0,t.jsxs)(z,{title:"App store distribution",src:"/assets/marketing/app-store.png",alt:"Mac App Store window open to the Rocket.Chat download page.",children:["Distribute your application to more users. Electron has first-class support for the"," ",(0,t.jsx)(r.A,{to:"https://www.apple.com/app-store/",children:"Mac App Store"})," ","(macOS), the"," ",(0,t.jsx)(r.A,{to:"https://apps.microsoft.com/",children:"Microsoft Store"})," ","(Windows), or the"," ",(0,t.jsx)(r.A,{to:"https://snapcraft.io/store",children:"Snap Store"})," (Linux)."]}),(0,t.jsxs)(z,{title:"Crash reporting",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.",children:["Automatically collect JavaScript and native crash data from your users with the"," ",(0,t.jsx)(r.A,{to:"/docs/latest/api/crash-reporter",children:"crashReporter"})," ","module. Use a third-party service to collect this data or set up your own on-premise Crashpad server."]})]}),(0,t.jsxs)("div",{className:(0,n.A)(l,"center_KEVp"),children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("h2",{children:"Use the tools you love"}),(0,t.jsx)("p",{className:"paragraphCenter__p3e",children:"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."})]}),(0,t.jsx)(A,{list:[{name:"React",image:"https://upload.wikimedia.org/wikipedia/commons/a/a7/React-icon.svg"},{name:"Vue.js",image:"https://cdn.jsdelivr.net/gh/devicons/devicon/icons/vuejs/vuejs-original.svg"},{name:"Next.js",image:"https://cdn.jsdelivr.net/gh/devicons/devicon/icons/nextjs/nextjs-original.svg",isMonochrome:!0},{name:"Tailwind CSS",image:"https://cdn.jsdelivr.net/gh/devicons/devicon/icons/tailwindcss/tailwindcss-original.svg"},{name:"Bootstrap",image:"https://cdn.jsdelivr.net/gh/devicons/devicon/icons/bootstrap/bootstrap-original.svg"},{name:"Three.js",image:"https://cdn.jsdelivr.net/gh/devicons/devicon/icons/threejs/threejs-original.svg",isMonochrome:!0},{name:"Angular",image:"https://angular.io/assets/images/logos/angular/angular.png"},{name:"TypeScript",image:"https://upload.wikimedia.org/wikipedia/commons/4/4c/Typescript_logo_2020.svg"},{name:"webpack",image:"https://cdn.jsdelivr.net/gh/devicons/devicon/icons/webpack/webpack-original.svg"},{name:"Playwright",image:"https://playwright.dev/img/playwright-logo.svg"},{name:"Testing Library",image:"https://testing-library.com/img/octopus-64x64.png"},{name:"Sass",image:"https://cdn.jsdelivr.net/gh/devicons/devicon/icons/sass/sass-original.svg"}]})]})]}
1),(0,t.jsx)("div",{className:"accentBackground_Fbds",children:(0,t.jsx)("div",{className:"container",children:(0,t.jsxs)("div",{className:(0,n.A)(l),children:[(0,t.jsxs)("div",{className:(0,n.A)(h,"row"),children:[(0,t.jsxs)("div",{className:"col margin-bottom--lg",children:[(0,t.jsx)("h2",{children:"Electron Forge"}),(0,t.jsx)("p",{children:"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."}),(0,t.jsxs)("div",{className:"button-group",children:[(0,t.jsx)(r.A,{to:"https://electronforge.io",className:"button button--electron",children:"Get started"}),(0,t.jsx)(r.A,{to:"https://github.com/electron/forge",className:"button button--info",children:"Source code"})]})]}),(0,t.jsx)("div",{className:"col",children:(0,t.jsxs)(y,{children:[(0,t.jsx)("span",{className:"no-select",children:"$ "}),"npm init electron-app@latest my-app",(0,t.jsxs)("span",{className:(0,n.A)("codeComment_Iz8Q","no-select"),children:[(0,t.jsx)("br",{}),'\u2714 Locating custom template: "base"',(0,t.jsx)("br",{}),"\u2714 Initializing directory",(0,t.jsx)("br",{}),"\u2714 Preparing template",(0,t.jsx)("br",{}),"\u2714 Initializing template",(0,t.jsx)("br",{}),"\u2714 Installing template dependencies"]})]})})]}),(0,t.jsxs)("div",{className:(0,n.A)(h,"row"),children:[(0,t.jsxs)("div",{className:"col margin-bottom--lg",children:[(0,t.jsx)("span",{className:d,children:"Direct download"}),(0,t.jsx)("h2",{children:"Installation"}),(0,t.jsx)("p",{children:"If you want to figure things out for yourself, you can install the Electron package directly from the npm registry."}),(0,t.jsx)("p",{children:"For a production-ready experience, install the latest stable version. If you want something a bit more experimental, try the prerelease or nightly channels."})]}),(0,t.jsx)("div",{className:"col",children:(0,t.jsx)(N,{})})]}),(0,t.jsxs)("div",{className:(0,n.A)(h,"row"),children:[(0,t.jsxs)("div",{className:"col margin-bottom--lg",children:[(0,t.jsx)("span",{className:d,children:"Experiment with the API"}),(0,t.jsx)("h2",{children:"Electron Fiddle"}),(0,t.jsx)("p",{children:"Electron Fiddle lets you create and play with small Electron experiments. It greets you with a quick-start template after opening \u2014 change a few things, choose the version of Electron you want to run it with, and play around."}),(0,t.jsx)("p",{children:"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."}),(0,t.jsxs)("div",{className:"button-group",children:[(0,t.jsx)(r.A,{to:"/fiddle",className:"button button--electron",children:"Download"}),(0,t.jsx)(r.A,{to:"https://github.com/electron/fiddle",className:"button button--info",children:"Source code"})]})]}),(0,t.jsx)("div",{className:"col",children:(0,t.jsx)("img",{className:"shadow--tl",src:"/assets/marketing/fiddle.png",alt:"Screenshot of Electron Fiddle's main window"})})]})]})})}),(0,t.jsx)("div",{className:"container",children:(0,t.jsxs)("div",{className:(0,n.A)(l),style:{textAlign:"center"},children:[(0,t.jsx)("h2",{children:"Apps users love, built with Electron"}),(0,t.jsx)("p",{children:"Thousands of organizations spanning all industries use Electron to build cross-platform software."}),(0,t.jsx)(x,{list:S})]})})]})]})}function U(){return(0,t.jsx)(H,{})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.