To complete this tutorial, you will need: After following all of these steps, you will have an Electron cross-platform desktop application on macOS.

You’ll implement graceful window setup and create new windows for the application. After that you’ll create your first “Hello World!” application using Electron and customize it. In this tutorial, you’ll first set up a project and install Electron.

Further, Electron is an open source project maintained by GitHub with an active community of contributors. Many popular desktop applications have been built using Electron, such as Visual Studio Code, WhatsApp, Twitch, Slack, and Figma.Įlectron facilitates designing more complex application features like automatic updates or native menus, which means that developers can focus on the core design of their application. It combines support for building and running applications cross platform on Mac, Windows, and Linux. IntroductionĮlectron is an open source framework for creating native applications with web technologies like JavaScript, HTML, and CSS. The author selected the Apache Software Foundation to receive a donation as part of the Write for DOnations program.

Create installer for electron app