Zum Inhalt springen

Electron

Männliche Person, frontal, schaut in die Kamera; trägt kariertes Hemd über dunkelfarbigem T‑Shirt; heller Innenraum mit unscharfem Monitor oder Poster links und Fenster rechts.

von Richard Albrecht am 08.11.2026

Electron ist ein Framework, das Desktop-Programme für Windows, macOS und Linux aus HTML, CSS und JavaScript baut. GitHub hat es 2013 für seinen Code-Editor Atom entwickelt, damals unter dem Namen Atom Shell.

Electron

Ein Framework, das Webanwendungen zusammen mit einem eigenen Browser als Desktop-Programm ausliefert.
Beispiel: „Das Kassenprogramm ist mit Electron gebaut und läuft auf den Windows-Rechnern im Laden genauso wie auf dem Mac im Büro.“

Verwandt: Node.js, das in Electron den Zugriff auf Dateien und Betriebssystem übernimmt.

Wie Electron aufgebaut ist

Aus zwei Teilen: Chromium, dem Kern von Google Chrome, für die Oberfläche und Node.js für alles, was ein Browser nicht darf, etwa Dateien lesen und schreiben oder Programme starten. Jedes Electron-Programm bringt beides mit.

Für Entwickler heißt das: Wer eine Webanwendung bauen kann, kann auch ein Desktop-Programm bauen, und der Code lässt sich zu großen Teilen mit der Web-Version teilen.

Die beiden Teile laufen in getrennten Prozessen. Der Hauptprozess steuert Fenster und Systemzugriffe, die Oberfläche läuft in einem eigenen Prozess, der aus Sicherheitsgründen nur über festgelegte Kanäle mit dem Hauptprozess spricht.

Welche Programme mit Electron laufen

Mehr, als man denkt. Visual Studio Code, Slack, Discord, Figma als Desktop-Programm und viele Werkzeuge für Entwickler sind mit Electron gebaut. Für Unternehmen mit einer bestehenden Web-App ist es der schnellste Weg auf den Desktop.

Updates lassen sich über eingebaute Werkzeuge automatisch verteilen, ähnlich wie bei einer Website.

Was Electron kostet

Speicher und Platz. Weil jedes Programm einen eigenen Chromium mitbringt, belegt schon ein einfaches Electron-Programm über hundert Megabyte und braucht spürbar mehr Arbeitsspeicher als ein klassisches Desktop-Programm.

Leichtere Alternativen wie Tauri nutzen deshalb die Browseransicht, die das Betriebssystem bereits mitbringt.

Siehe auch:

Node.js

Die Laufzeitumgebung, die JavaScript außerhalb des Browsers ausführt.

#Programmiersprachen

JavaScript

Die Programmiersprache, die in jedem Browser mitläuft und einer Seite Verhalten gibt.

#Programmiersprachen #Frontend-Entwicklung (HTML, CSS, JavaScript)

Capacitor

Eine Laufzeitumgebung, die Webanwendungen als installierbare Apps für iOS und Android verpackt.

#Programmiersprachen

Flutter

Ein Framework von Google für Apps auf Smartphone, Web und Desktop aus einer Codebasis in Dart.

#Programmiersprachen

Native App

Anwendung, die für ein Betriebssystem entwickelt, über dessen App Store installiert und direkt auf dem Gerät ausgeführt wird.

#Webdesign-Grundlagen

TypeScript

JavaScript mit Typangaben, das vor der Auslieferung übersetzt wird.

#Programmiersprachen