Electron 27.0.0 is released today
(10 October 2023)

Other recent news...

Microsoft highlights .NET 8 Hardware Intrinsics features
Additional hardware functionality via APIs so the bespoke web apps we develop can take advantage of users' underlying hardware, e.g. WebAssembly support so that core algorithms can...
11 December 2023
Google launches Gemini AI model
Gemini was designed for flexibility, so it can run on everything from data centres to mobile devices. It's been optimized for three different sizes: Ultra, Pro and Nano (for on-dev...
6 December 2023
Apple launches release candidate versions of iOS 17.2 & iPadOS 17.2
Developing and testing our bespoke Apple iOS apps on beta versions of iOS 17.2 & iPadOS 17.2 allows our app developers to confirm that the apps we develop will work as expected...
5 December 2023
Electron 27.0.0 is released today
Electron version 27.0.0 includes upgrades to Chromium 118.0.5993.32, V8 11.8, and Node.js 18.17.1. Electron is a framework for building desktop applications using JavaScript, HTML, and CSS.

Electron is an open-source framework that empowers developers to build cross-platform desktop applications using web technologies such as HTML, CSS, and JavaScript. Developed by GitHub, Electron has gained immense popularity for its ability to create native-like desktop applications for Windows, macOS, and Linux while leveraging the familiarity and flexibility of web development.


At its core, Electron utilizes a multi-process architecture that combines Chromium and Node.js. Chromium, the open-source project behind Google Chrome, is responsible for rendering the user interface, while Node.js handles the backend processes. This separation of frontend and backend ensures efficient performance and a seamless user experience.

Main Process and Renderer Processes

The main process manages the application lifecycle, creates and controls browser windows, and interacts with the native operating system. Each Electron application has one main process.

Renderer processes, on the other hand, are responsible for rendering the UI of individual browser windows. Each browser window runs in its own renderer process, providing isolation for enhanced security and stability.


Cross-Platform Compatibility

One of Electron's standout features is its ability to create applications that run seamlessly on Windows, macOS, and Linux without significant modifications. Developers can write code once and deploy it across multiple platforms, reducing development time and effort.

Native APIs

Electron provides a set of APIs that allow developers to access native functionalities of the underlying operating system. This includes capabilities such as file system access, system notifications, and interaction with hardware components, enabling developers to create feature-rich applications.

Web Standards and Technologies

Electron applications are built using standard web technologies, making it accessible to a broad audience of developers. HTML, CSS, and JavaScript form the foundation, and popular web frameworks like React, Angular, or Vue.js can be seamlessly integrated.


Electron's extensibility is a key factor in its popularity. Developers can enhance the functionality of their applications by integrating third-party modules and plugins. The Node Package Manager (npm) facilitates easy integration of various libraries, enabling the community to contribute and share valuable resources.

DevTools Integration

Developers familiar with web development will appreciate the built-in developer tools provided by Electron. The integration of Chrome Developer Tools allows for efficient debugging and profiling, streamlining the development process.

Development Workflow


Getting started with Electron is straightforward. Developers can install Electron globally using npm:

npm install -g electron

Project Setup

Creating an Electron application involves initializing a new project and defining the main script file. This script file (usually named main.js or main.ts for TypeScript projects) is the entry point for the main process.

const { app, BrowserWindow } = require('electron') function createWindow() { const win = new BrowserWindow({ width: 800, height: 600, webPreferences: { nodeIntegration: true, }, }) win.loadFile('index.html') } app.whenReady().then(() => { createWindow() app.on('activate', () => { if (BrowserWindow.getAllWindows().length === 0) { createWindow() } }) }) app.on('window-all-closed', () => { if (process.platform !== 'darwin') { app.quit() } })

Packaging and Distribution

Electron applications can be easily packaged for distribution on different platforms. Popular tools like electron-builder or electron-packager simplify this process, allowing developers to create distributable packages for Windows, macOS, and Linux.

Use Cases

Electron has been adopted by a wide range of companies and developers to build diverse desktop applications:

1. Text Editors and IDEs

Applications like Visual Studio Code and Atom are built using Electron, providing developers with powerful and extensible text editing environments.

2. Communication Tools

Popular communication tools like Slack and Microsoft Teams utilize Electron to deliver native desktop experiences for their users.

3. Media Players

Applications such as Spotify and Discord leverage Electron to create feature-rich media players with cross-platform compatibility.

4. Desktop Utilities

Various desktop utilities, including file managers and system monitoring tools, are built using Electron for their cross-platform capabilities.

Performance Considerations

While Electron offers numerous advantages, it's essential to be mindful of potential performance considerations, especially when building resource-intensive applications. Electron apps can be perceived as heavier than their native counterparts due to the bundled Chromium engine. However, ongoing improvements and optimizations in both Electron and Chromium continue to address these concerns.


In summary, Electron has emerged as a powerful framework for building cross-platform desktop applications, providing developers with the flexibility of web technologies and the capabilities of native desktop applications. Its extensive feature set, ease of development, and broad community support make it an attractive choice for creating a wide range of applications across different industries. As Electron continues to evolve, it remains a prominent player in the desktop application development landscape.

more news...