In this section, we have collected a set of guides for common features that you may want to implement in your Electron application. Each guide contains a practical example in a minimal, self-contained example app.

In the scripts field of your package.json config, add a start command like so: "start": "electron ." This start command will let you open your app in development mode. Note: This script tells Electron to run on your project's root folder. At this stage, your app will immediately throw an error telling you that it cannot find an app to run.

In this part of the tutorial, you will learn how to set up your Electron project and write a minimal starter application. By the end of this section, you should be able to run a working Electron app in development mode from your terminal.

Jun 6, 2017 · Electron is a framework for cross-platform desktop applications using Chromium and Node.js. It’s easy to build cross-platform apps using HTML, CSS, and JavaScript. Your app will be compatible with Mac, Windows, and Linux operating systems right out of the box. Other in-built features are:

Here are top Electron app examples: Slack, WhatsApp, WebTorrent, WordPress, Ghost, Beaker, Pexels. Discover why they chose to build JavaScript desktop apps.

Jun 29, 2023 · In this tutorial, you learned the basics of building desktop applications with Electron.js. You learned how to set up a new Electron project, create main and renderer processes, build native UI elements, and use IPC for communication between processes.

Use this online electron playground to view and fork electron example apps and templates on CodeSandbox. Click any example below to run it instantly or find templates that can be used as a pre-built solution!

Feb 27, 2025 · ElectronJS is the framework through which developers can build cross-platform desktop applications using web technologies like HTML, CSS, and JavaScript. It is open-source. Cross-Platform Development: We can write the code of the ElectronJs once and can deploy it in any operating system.

Aug 6, 2024 · In Electron, the webContents property provides us with certain Instance methods by which we can dynamically inject JavaScript code within the BrowserWindow Instance during runtime. This tutorial will demonstrate how to use those Instance methods of …

Jan 19, 2017 · electron-quick-start: A minimal Electron application boilerplate. Electron API Demos: An interactive app that demonstrates the core features of the Electron API; electronjs.org/docs/all: All of the Electron documentation together on a single searchable page.