Introduction to Electron - Electron Documentation

What is Electron?

Electron is a framework for building cross-platform desktop applications using web technologies. It combines Chromium and Node.js into a single runtime, allowing developers to create desktop applications using HTML, CSS, and JavaScript.

With Electron, you can leverage your existing web development skills to build native desktop applications that work on Windows, macOS, and Linux from a single codebase.

Key Features

Open source - Electron is free and open-source, with an active community of contributors
Cross-platform - Build once, deploy everywhere: Windows, macOS, and Linux
Active community - Large ecosystem with thousands of packages and extensive documentation
Web technologies - Use familiar HTML, CSS, and JavaScript to build desktop apps
Native capabilities - Access operating system features through Node.js APIs

How It Works

Electron embeds Chromium (the open-source browser behind Google Chrome) and Node.js into a single executable. This allows your application to:

Render user interfaces using modern web technologies
Access the file system and operating system features through Node.js
Use npm packages and existing JavaScript libraries
Create platform-specific features while maintaining a single codebase

Popular Apps Built with Electron

Many well-known applications use Electron, including:

Visual Studio Code - Microsoft's popular code editor
Slack - Team collaboration and messaging platform
Discord - Voice, video, and text communication platform
GitHub Desktop - Git and GitHub integration tool
Atom - Hackable text editor

Basic Example

Here's a simple example of importing Electron modules:

const { app, BrowserWindow } = require('electron');

// Your application logic here