Electron

Source: https://github.com/sindresorhus/awesome-electron at 8a8126103752
License: CC0-1.0
Read the English original

This edition is an AI-assisted translation.

Awesome Electron

Nützliche Ressourcen zum Erstellen von Apps mit Electron

Electron ist ein Open-Source-Framework zum Erstellen von Desktop-Apps mit Webtechnologien. Es kombiniert die Chromium-Rendering-Engine mit der Node.js-Laufzeitumgebung.

---

_{Meine macOS-App ansehen}

Text Lens
^{Nicht auswählbaren Text auf dem Bildschirm kopieren}

---

Inhalt

• Apps
• Vorlagen
• Tools
• Komponenten
• Dokumentation
• Artikel
• Bücher
• Videos
• Podcasts
• Community
• Verwandtes

Apps

Mit Electron erstellt.

Open Source

Empfehlungen

• WebTorrent - Streaming-Torrent-Client
• Min - Minimalistischer Webbrowser
• Hyper - Terminal
• Visual Studio Code - Plattformübergreifende IDE

Weitere

• Git-it - Vermittelt Git und GitHub
• Caprine - Inoffizielle Facebook-Messenger-App
• Simplenote - Notizverwaltung
• Abricotine - Markdown-Editor mit Inline-Vorschau
• Kap - Bildschirmrekorder mit GIF-Unterstützung
• Medis - Verwaltung von Redis-Datenbanken
• SmartMirror - Sprachgesteuerter Smart Mirror
• Beaker - Browser mit Peer-to-Peer-Webprotokollen
• KeeWeb - Inoffizielle KeePass-App
• Gitify - GitHub-Benachrichtigungen in der Menüleiste
• SpaceRadar - Interaktive Visualisierung von Speicherplatz und Arbeitsspeicher
• Leanote - Cloud-Notizblock
• Loop Drop - MIDI-Looper und Synthesizer für elektronische Live-Auftritte
• Pomodoro - Timer nach der Pomodoro-Technik
• Sia-UI - Dezentrales Dateispeichersystem auf Basis von Kryptowährungstechnologie
• MarkRight - GitHub-kompatibler Markdown-Editor mit Live-Vorschau
• Sqlectron - SQL-Client
• Light Table - Code-Editor mit sofortigem Feedback
• Google Play Music Desktop Player - Inoffizielle Google-Play-Music-App
• Chrome DevTools - Als App gebündelte Chrome DevTools
• Proton - Markdown-Editor mit Live-Vorschau
• Hawkpass - Passwortgenerator
• Boostnote - Markdown-Notiz- und Code-Snippet-App für Entwickler
• Before Dawn - Bildschirmschoner-Tool
• Catify - Dienstprogramm für Spotify
• Ansel - Bildorganizer
• Tockler - Erfasst deine Zeit
• Mattermost - Mattermost-Client
• Crypter - Sicherer Verschlüsselungsclient
• YakYak - Inoffizielle Google-Hangouts-App
• Museeks - Musikplayer
• Sabaki - Go-/Baduk-/Weiqi-Brett
• Wire - Messenger- und Anruf-App
• Extraterm - Terminal
• Stacer - Ubuntu-Systemoptimierer
• Inpad - Notiz-App mit GitHub-kompatiblem Markdown
• Cerebro - Launcher mit Inline-Vorschau
• LosslessCut - Verlustfreies Zuschneiden und Schneiden von Videos
• Buka - E-Book-Verwaltung
• Insomnia - HTTP-Anfragen erstellen und verwalten
• Tusk - Inoffizielle Evernote-App
• Buttercup Desktop - Passwortmanager
• Mailspring - Erweiterbarer E-Mail-Client. (Fork von Nylas Mail)
• Headset - Musik auf YouTube entdecken, sammeln und anhören
• Nuclear - Musikplayer mit Streams aus kostenlosen Quellen
• Mark Text - Markdown-Editor mit Echtzeitvorschau
• Pomotroid - Pomodoro-Timer
• Netron - Visualisierung von Deep-Learning- und Machine-Learning-Modellen
• Etcher - Betriebssystem-Images auf SD-Karten und USB-Laufwerke schreiben
• Notable - Markdown-basierte Notizen
• Unsplash Wallpapers - Desktop-Hintergrundbild von Unsplash festlegen
• Motrix - Downloadmanager
• Franz - Skype, Slack, Hangouts, WhatsApp, Grape, Telegram, FB Messenger und Hipchat in einer App
• Gmail Desktop - Inoffizielle Gmail-App
• Upcount - Rechnungsstellung
• ExifCleaner - Bildmetadaten per Drag-and-drop bereinigen
• massCode - Code-Snippet-Manager für Entwickler
• Swifty - Passwortmanager
• MQTTX - Client für MQTT, ein leichtgewichtiges Nachrichtenprotokoll
• LightProxy - Web-Debugging-Proxy
• Beekeeper Studio - Plattformübergreifender SQL-Editor und Datenbankmanager
• Mouseless - Training und Nachschlagen von Tastenkombinationen
• Glyphfinder - Suche nach Unicode-Zeichen
• Graviton Editor - Plattformübergreifender Code-Editor
• Yana - Notizbuch-App mit Rich-Text-Notizen, verschachtelter Organisation und globaler Suche
• SpaceEye - Live-Satellitenbilder für den Desktop-Hintergrund
• Heroic Games Launcher - Alternative zum Epic-Games-Launcher
• VIR - Intelligente Zeitverwaltung mit automatischer Planung
• Browserosaurus - Browser-Auswahlhilfe für macOS
• linked - Tagebuch
• shadowsocks-electron - Plattformübergreifender Shadowsocks-Client
• Sigma File Manager - Moderner Dateimanager
• Ostara - Spring-Boot-Apps über Actuator überwachen und bedienen
• PikaTorrent - BitTorrent-Client
• Wave Terminal - Open-Source-Terminal mit KI-Integration
• Signal Desktop - Begleitende Desktop-App für die mobile Signal-App

Closed Source

Empfehlungen

• Rosefinch - SQL-Abfragen speichern und ausführen
• Nota - Professionelle Schreib-App für lokale Markdown-Dateien

Weitere

• GitKraken - Git-Client
• 1Clipboard - Universelle Zwischenablageverwaltung
• Postman - HTTP-Anfragen erstellen und senden
• Slack - Desktop-Version
• Avocode - Designs teilen und zusammenarbeiten
• Prepros - Fast jede Präprozessorsprache kompilieren, mit Live-Aktualisierung des Browsers
• Stremio - Mediencenter
• Typetalk - Ideen per Sofortnachricht mit deinem Team teilen und besprechen
• Pingendo - Bootstrap-Prototyping
• Spreaker Studio - Audioaufnahme und -übertragung
• MockingBot - Prototyping-Tool zum Entwerfen von Apps
• Caret - Markdown-Editor
• Remember - Visitenkartenverwaltung. (Koreanisch)
• MongoDB Compass - Offizielle MongoDB-App
• Freeter - Organizer für Freiberufler und Kreative
• WhatsApp - Offizielle WhatsApp-App
• CatLight - Build-Status-Benachrichtigung
• Discord - Sprach- und Textchat
• Cocos Creator - Spieleeditor zum Erstellen von Web- und nativen Spielen für Cocos2D-x
• Inkdrop - Markdown-Notizbuch für Hacker
• Exodus - Blockchain-Assets wie Bitcoin und Ethereum sicher verwalten und tauschen
• Hackolade - Datenmodellierung für NoSQL- und multimodale Datenbanken
• CashNotify - Stripe-Konten über die Menüleiste überwachen
• Mockoon - Mock-Server in Sekunden erstellen
• Twitch - Offizielle Twitch-App
• Fenêtre - Bild-in-Bild für deinen Mac
• Cleavr - Server bereitstellen und Web-Apps bereitstellen
• Brandy - Marken-Asset-Manager für die Menüleiste
• Cacher - Cloudbasierter Code-Snippet-Manager für Teams mit Gist-Synchronisierung
• MusicPlus - Kostenlose Musik-App für macOS und Windows
• Mingo - MongoDB-GUI
• Moon Modeler - Schema-Entwurfstool für MongoDB, Mongoose und MariaDB
• Notion - All-in-one-Arbeitsbereich für Notizen, Aufgaben, Wikis und Datenbanken
• FATpick - Gitarrentabulatur-Viewer, der dein Spiel bewertet
• Taskade - Echtzeit-Organisations- und Kollaborationstool für verteilte Teams mit Aufgaben, Notizen und Chat
• Coloban - All-in-one-Projektmanagement mit Chats, Kanban, Gantt, Anrufen, Bildschirmfreigabe und mehr
• Dynobase - AWS-DynamoDB-GUI
• Lotus - GitHub-Benachrichtigungen stressfrei im Blick behalten
• RunJS - Spielwiese für JavaScript und TypeScript
• OpenSFTP - Integrierter SSH- und SFTP-Arbeitsbereichsclient
• Obsidian - Erweiterbare Markdown-Notizen und Wissensverwaltung

Beispiele

• Electron API usage - Beispiel-Apps zur Veranschaulichung der Electron-APIs
• Screen Recorder - WebRTC-Bildschirmrekorder
• Activity Monitor - Zeigt ein Ringdiagramm der CPU-Zeiten für System, Benutzer und Leerlauf
• Hash - Zeigt Hashwerte des eingegebenen Textes mit verschiedenen Algorithmen
• Prices - Zeigt die aktuellen Preise für Öl, Gold und Silber über die Yahoo-Finance-API

Vorlagen

• electron-boilerplate - Boilerplate als Startpunkt für die App-Entwicklung – von sindresorhus.
• generator-electron - App-Boilerplate erstellen
• electron-boilerplate - Umfassendes Boilerplate, das sogar Installationsprogramme erstellt – von szwacz.
• electron-react-boilerplate - Boilerplate auf Basis von React und webpack
• electron-quick-start - Repository klonen, um eine einfache App auszuprobieren
• bozon - App erstellen, ausführen, testen und paketieren
• secure-electron-template - Sicherheitsorientiertes Boilerplate für Apps mit React, Redux, Webpack und i18next
• angular-electron - Schneller Einstieg mit Angular, Electron, TypeScript, SASS und Hot Reload
• vite-electron-builder - Sicheres Electron-Boilerplate auf Vite-Basis. TypeScript + Vue/React/Angular/Svelte/Vanilla.

Tools

Für Electron

• electron-builder - Installationsprogramme erstellen
• electron-packager - App paketieren und verteilen
• electron-debug - Fügt nützliche Debugging-Funktionen hinzu
• electron-is-dev - Prüft, ob Electron im Entwicklungsmodus läuft
• electron-localshortcut - Tastenkürzel lokal zu einem Fenster hinzufügen
• fix-path - Korrigiert den $PATH unter macOS beim Start über eine GUI-App. Nützlich beim Erzeugen eines Kindprozesses.
• electron-dl - Vereinfachte Dateidownloads
• electron-release-server - Selbst gehosteter Release-Server mit Frontend- und Auto-Update-Unterstützung
• electron-rebuild - Erstellt native Node.js-Module für die installierte Electron-Version neu
• debug-menu - Chrome-ähnliches Kontextmenü „Element untersuchen“
• electron-installer-debian - Debian-Paket erstellen
• electron-installer-redhat - Red-Hat-Paket erstellen
• electron-installer-windows - Windows-Paket erstellen
• electron-download - Electron-Release-ZIP von GitHub herunterladen
• electron-osx-sign - Codesignierung für macOS-Apps
• ember-electron - Ember-Apps erstellen, testen und paketieren
• electron-store - Daten wie Benutzereinstellungen, App-Status und Cache speichern und laden
• electron-context-menu - Erweiterbares Kontextmenü
• NeDB - Eingebettete persistente oder In-Memory-Datenbank
• RxDB - Echtzeit-NoSQL-Datenbank
• electron-devtools-installer - DevTools-Erweiterungen aus dem Chrome Web Store installieren
• electron-log - Einfache Protokollierung
• electron-about-window - Fenster „Über diese App“
• elemon - App während der Entwicklung live neu laden
• electron-is-accelerator - Prüfen, ob eine Zeichenfolge ein gültiger Beschleuniger ist
• electron-pdf-window - PDF-Dateien in Browserfenstern anzeigen
• got - Vereinfachte HTTP-Anfragen
• electron-unhandled - Nicht behandelte Fehler und Promise-Ablehnungen abfangen
• electron-util - Nützliche Dienstprogramme zur Entwicklung von Apps und Modulen
• electron-reloader - Einfaches automatisches Neuladen während der Entwicklung
• electron-serve - Statischer Dateiserver (nützlich für Routing, etwa mit react-router)
• electron-timber - Übersichtlicher Logger
• chromium-net-errors - Chromium-Netzwerkfehler als benutzerdefinierte Fehlerklassen
• run-electron - Electron ohne unnötige Terminalausgaben ausführen
• debugtron - Electron-Apps in der Produktion debuggen
• electron-better-ipc - Vereinfachte IPC-Kommunikation
• electron-chrome-extension - Unterstützung für Chrome-Erweiterungen hinzufügen
• trilogy - TypeScript-SQLite-Datenbankschicht mit nativen C++- und reinen JavaScript-Backends
• adblocker-electron - Werbung und Tracker blockieren
• electronmon - Apps während der Entwicklung prozessübergreifend überwachen und neu laden
• electronegativity - Fehlkonfigurationen und Sicherheits-Anti-Patterns erkennen
• UpdateRocks! - Auto-Update-Dienst. Für Open-Source-Projekte kostenlos
• electron-vite - Schnelles, benutzerfreundliches Build-Tool mit Vite-Integration
• pluggable-electron - Apps erstellen, die sich durch Plugins erweitern lassen
• Hydraulic Conveyor - CLI-Tool zum Bereitstellen von Apps ohne spezielle Update-Server, plattformübergreifende CI oder Codeänderungen
• Aptabase - App-Analysen. Open Source, datenschutzfreundlich und einfach
• electron-webauthn-mac - Native WebAuthn-/Passkey-Unterstützung für macOS-Apps über Apples AuthenticationServices-Framework

Mit Electron

• nativefier - Aus jeder Website eine App erstellen
• electron-stream - Streaming-Wrapper
• electron-pdf - PDFs aus URLs sowie HTML- oder Markdown-Dateien über die Kommandozeile erzeugen
• electron-mocha - Mocha-Tests in Electron ausführen
• Reactotron - React- und React-Native-Apps untersuchen
• jest-electron - Jest-Unit-Tests in einer Browserumgebung ausführen und debuggen

Komponenten

• menubar - Framework für Menüleisten-Apps
• React Desktop - Mit React erstelltes UI-Toolkit für macOS und Windows
• chrome-tabs - Chrome-ähnliche Tabs
• Xel - Widget-Toolkit für Apps mit nativem Erscheinungsbild

Dokumentation

• Quick Start
• Official docs
• Essential Electron - Kompakte Übersicht

Artikel

• Electron Fundamentals
• Building a desktop application with Electron
• Codesigning your app for macOS
• Auto-updating apps for macOS and Windows: The complete guide
• Building a desktop app with Electron, React, and Redux
• Introducing BrowserView for Electron - Neue Electron-API zum Einbetten von Web-Apps mit weniger Fehlern und besserer Leistung
• Migrating Slack’s Desktop App to BrowserView - Slack schrieb seine Electron-App mit BrowserView, Redux, Rx und TypeScript neu, um Leistungsprobleme zu beheben.
• Electron on the App Store - Fünfteilige Reihe über Entwicklung und Veröffentlichung einer Electron-App im Mac App Store
• Building a file explorer with Electron, Quasar, and Vue - Schwerpunkt auf Design- und Codeentscheidungen sowie Electron-Sicherheit
• Using Google Analytics to gather usage statistics in Electron - So erfasst man anonyme Nutzungsstatistiken
• Notarizing your Electron app - So konfigurierst du die App-Paketierung für Apples Notarisierung
• Making Electron apps feel native on Mac

Bücher

• Developing an Electron Edge - Preview 💲
• Electron in Action 💲
• Cross-Platform Desktop Applications 💲

Videos

• Getting Started with Electron 1.x
• Packaging and Distributing Electron Desktop Apps
• Multi Window Electron Desktop Apps
• The State of Electron
• Cross-Platform Desktop Apps with Electron
• Building Native Desktop apps using Electron
• The New Desktop: Electron, React, & Pixel-Perfect Native-Feeling Experiences
• Building Desktop Apps with Node.js and Electron
• Electron Fundamentals course - Pluralsight 💲
• Electron: Building Cross Platform Desktop Apps - Lynda 💲
• Build a desktop application with Electron - Egghead 💲
• Build Cross-Platform Desktop Apps with Electron - Frontend Masters 💲
• Electron Meetup SF, November 2017 - Enthält gute Vorträge zur Verbesserung der App-Startzeit, zum Debuggen von Abstürzen usw.
• Make Your Electron App Feel at Home Everywhere - Tipps, damit sich deine App auf macOS, Windows und Linux nativer anfühlt, ohne den eigenen Stil aufzugeben

Podcasts

• Hanselminutes: Creating cross-platform Electron apps with Jessica Lord
• The Changelog #216: GitHub’s Electron with Zeke Sikelianos
• Full Stack Radio #48: Jessica Lord - Building Desktop Apps with Electron

Community

• Reddit
• Stack Overflow
• @electronjs on Twitter
• electron-br (Brazilian Portuguese)
• electron-pl (Polish)
• @electron_ru on Telegram (Russian)
• electronjs on Facebook
• Product Hunt

Mitwirken

Beiträge sind willkommen! Lies zuerst die Beitragsrichtlinien.

Verwandtes

• awesome-nodejs
• awesome-electronjs-hacking