Skip to content
W3S101

Electron - Overview

Electron - Overview

Section titled “Electron - Overview”

What is Electron?

Section titled “What is Electron?”

Electron is an open-source framework that allows you to create cross-platform desktop applications using web technologies: HTML, CSS, and JavaScript. It essentially combines the Chromium rendering engine (the core of Google Chrome) and the Node.js runtime environment.

Why Electron?

Section titled “Why Electron?”

Electron offers several key advantages for developers:

  • Cross-Platform Development: Write your application once and package it for Windows, macOS, and Linux, significantly reducing development time and effort for multi-platform support.
  • Web Technologies: Leverage your existing web development skills. If you can build a website, you can build an Electron app. This also means access to a vast ecosystem of web libraries and frameworks (like React, Angular, Vue).
  • Native Capabilities: Through Node.js and custom Electron APIs, your application can access native operating system features, including file system access, notifications, system tray integration, custom menus, and more.
  • Large Community & Ecosystem: Electron is widely adopted and has a strong community, leading to abundant resources, third-party modules, and tools.
  • Rapid Prototyping: Quickly build and iterate on desktop application ideas.

This means Electron isn’t just a JavaScript binding to native GUI libraries. Instead, it uses web pages as its GUI, running within a Chromium-controlled environment that’s extended by Node.js and Electron’s own APIs.

Who Uses Electron?

Section titled “Who Uses Electron?”

Electron was originally developed by GitHub for their Atom text editor (which is now archived). Since its open-sourcing in 2014, it has become a popular choice for many well-known desktop applications. Some prominent examples include:

  • Visual Studio Code (VS Code): A widely-used source code editor by Microsoft.
  • Slack: A popular team collaboration and messaging tool.
  • Discord: A communication platform for voice, video, and text.
  • Microsoft Teams: A collaboration platform part of Microsoft 365.
  • WhatsApp Desktop: The desktop client for the messaging service.
  • Figma: A collaborative interface design tool (its desktop app).
  • Twitch: The desktop app for the live streaming platform.
  • And many more, ranging from developer tools to productivity apps and games.

The ability to use a single codebase for multiple platforms and tap into the rich web ecosystem makes Electron an attractive option for companies and individual developers alike.