0% found this document useful (0 votes)
9 views

Build Cross-platform Desktop Apps With JavaScript, HTML, And CSS _ Electron

Uploaded by

artemvasylenko26
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
9 views

Build Cross-platform Desktop Apps With JavaScript, HTML, And CSS _ Electron

Uploaded by

artemvasylenko26
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 11

1/12/25, 6:20 PM Build cross-platform desktop apps with JavaScript, HTML, and CSS | Electron

Build cross-platform desktop apps with


JavaScript, HTML, and CSS
Docs

Web Technologies

Electron embeds Chromium and Node.js to enable web developers to create


desktop applications.

Cross Platform

Compatible with macOS, Windows, and Linux, Electron apps run on three
platforms across all supported architectures.

https://www.electronjs.org 1/11
1/12/25, 6:20 PM Build cross-platform desktop apps with JavaScript, HTML, and CSS | Electron

Open Source

Electron is an open source project maintained by the OpenJS Foundation and an


active community of contributors.

Trusted by best-in-class apps


Popular consumer and rock-solid enterprise apps use Electron to power their desktop experiences.

Desktop development made


easy
Electron takes care of the hard parts so you can focus on the core of your
application.

https://www.electronjs.org 2/11
1/12/25, 6:20 PM Build cross-platform desktop apps with JavaScript, HTML, and CSS | Electron

Native graphical user interfaces


Interact with your operating system's interfaces with Electron's main process APIs.
Customize your application window appearance, control application menus, or
alert users through dialogs or notifications.

https://www.electronjs.org 3/11
1/12/25, 6:20 PM Build cross-platform desktop apps with JavaScript, HTML, and CSS | Electron

Automatic software updates


Send out software updates to your macOS and Windows users whenever you
release a new version with Electron's autoUpdater module, powered by Squirrel.

Application installers
Use 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.

https://www.electronjs.org 4/11
1/12/25, 6:20 PM Build cross-platform desktop apps with JavaScript, HTML, and CSS | Electron

App store distribution


Distribute your application to more users. Electron has first-class support for the
Mac App Store (macOS), the Microsoft Store (Windows), or the Snap Store (Linux).

https://www.electronjs.org 5/11
1/12/25, 6:20 PM Build cross-platform desktop apps with JavaScript, HTML, and CSS | Electron

Crash reporting
Automatically collect JavaScript and native crash data from your users with the
crashReporter module. Use a third-party service to collect this data or set up your
own on-premise Crashpad server.

Use the tools you love


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.

React Vue.js Next.js Tailwind CSS

Bootstrap Three.js Angular TypeScript

https://www.electronjs.org 6/11
1/12/25, 6:20 PM Build cross-platform desktop apps with JavaScript, HTML, and CSS | Electron

webpack Playwright Testing Library Sass

NEW!

Electron Forge
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.

Get started Source code

$ npm init electron-app@latest my-app


✔ Locating custom template: "base"
✔ Initializing directory
✔ Preparing template
✔ Initializing template
✔ Installing template dependencies

https://www.electronjs.org 7/11
1/12/25, 6:20 PM Build cross-platform desktop apps with JavaScript, HTML, and CSS | Electron

DIRECT DOWNLOAD

Installation
If you want to figure things out for yourself, you can install the Electron package
directly from the npm registry.

For a production-ready experience, install the latest stable version. If you want
something a bit more experimental, try the prerelease or nightly channels.

Stable

Prerelease

Nightly

$ npm install --save-dev electron@latest


# Electron 33.3.1
# Node 20.18.1
# Chromium 130.0.6723.170

EXPERIMENT WITH THE API

Electron Fiddle
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.

https://www.electronjs.org 8/11
1/12/25, 6:20 PM Build cross-platform desktop apps with JavaScript, HTML, and CSS | Electron

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.

Download Source code

https://www.electronjs.org 9/11
1/12/25, 6:20 PM Build cross-platform desktop apps with JavaScript, HTML, and CSS | Electron

Apps users love, built with


Electron
Thousands of organizations spanning all industries use Electron to build cross-
platform software.

1Password Discord Dropbox

Figma Loom Signal

Skype Slack Notion

VS Code Microsoft Teams Asana

GitHub Desktop itch

MongoDB Compass Obsidian Polypane

https://www.electronjs.org 10/11
1/12/25, 6:20 PM Build cross-platform desktop apps with JavaScript, HTML, and CSS | Electron

Postman Splice Screen Studio

Trello Twitch

See more

https://www.electronjs.org 11/11

You might also like