DOCSEARCHbyAlgolia
Submit Docs

Awesome Electron

repository·main·Indexed 12 days ago

https://github.com/sindresorhus/awesome-electron

A curated collection of resources for the Electron ecosystem, including open-source and closed-source apps, boilerplates, development tools, packaging utilities, and learning materials for building desktop applications with web technologies.

Tokens
3.5K
Snippets
0
Records
11
Agent score
49%

What's inside Awesome Electron

  1. Overview of Awesome Electron

    main
    Awesome Electron is a curated list of useful resources for developers creating desktop applications with Electron. Electron is an open-source framework that allows you to build desktop apps using web technologies by combining the Chromium rendering engine and the Node.js runtime.

  2. Explore Closed Source Electron Apps

    main

    The following are notable closed-source applications built with Electron. These represent professional, commercial-grade software built on the Electron platform.

    Featured Closed Source Apps

    • Rosefinch: Store and run SQL queries.
    • Nota: Pro writing app designed for local Markdown files.

    Other Closed Source Apps

    • GitKraken: Git client.
    • 1Clipboard: Universal clipboard manager.
    • Postman: Create and send HTTP requests.
    • Slack: Desktop version.
    • Avocode: Share design and collaborate.
    • Prepros: Compile preprocessing languages with live browser refresh.
    • Stremio: Media center.
    • Typetalk: Instant messaging for teams.
    • Pingendo: Bootstrap prototyping.
    • Spreaker Studio: Audio recording and broadcasting.
    • MockingBot: Prototyping tool for designing apps.
    • Caret: Markdown editor.
    • Remember: Business card management. (Korean)
    • MongoDB Compass: Official MongoDB app.
    • Freeter: Organizer for freelancers & creatives.
    • WhatsApp: Official WhatsApp app.
    • CatLight: Build status notifier.
    • Discord: Voice and text chat.
    • Cocos Creator: Game editor for web and native games.
    • Inkdrop: Markdown notebook for hackers.
    • Exodus: Securely manage and exchange blockchain assets.
    • Hackolade: Data modeling for NoSQL and multi-model databases.
    • CashNotify: Monitor Stripe accounts from menu bar.
    • Mockoon: Mock servers in seconds.
    • Twitch: Official Twitch app.
    • Fenêtre: Picture-in-picture for Mac.
    • Cleavr: Provision servers and deploy web apps.
    • Brandy: Brand asset manager for menu bar.
    • Cacher: Cloud-based code snippet manager with Gist sync.
    • MusicPlus: Free music app for macOS and Windows.
    • Mingo: MongoDB GUI.
    • Moon Modeler: Schema design tool for MongoDB, Mongoose, and MariaDB.
    • Notion: All-in-one workspace for notes, tasks, wikis, and databases.
    • FATpick: Guitar tablature viewer.
    • Taskade: Realtime organization and collaboration tool.
    • Coloban: Project management tool with chats, Kanban, etc.
    • Dynobase: AWS DynamoDB GUI.
    • Lotus: GitHub notifications manager.
    • RunJS: Playground for JavaScript and TypeScript.
    • OpenSFTP: Integrated SSH and SFTP workspace client.
    • Obsidian: Extensible Markdown note taking and knowledge management.

  4. Explore Open Source Electron Apps

    main

    The following are notable open-source applications built with Electron. Use these as inspiration or for studying real-world implementations of Electron APIs.

    Featured Open Source Apps

    • WebTorrent: Streaming torrent client.
    • Min: Minimal web browser.
    • Hyper: Terminal.
    • Visual Studio Code: Cross-platform IDE.

    Other Open Source Apps

    • Git-it: Teaches Git and GitHub.
    • Caprine: Unofficial Facebook Messenger app.
    • Simplenote: Note keeper.
    • Abricotine: Markdown editor with inline preview.
    • Kap: Screen recorder with GIF support.
    • Medis: Redis database management.
    • SmartMirror: Voice controlled smart mirror.
    • Beaker: Browser with peer-to-peer web protocols.
    • KeeWeb: Unofficial KeePass app.
    • Gitify: GitHub notifications in your menubar.
    • SpaceRadar: Interactive disk space and memory visualization.
    • Leanote: Cloud notepad.
    • Loop Drop: MIDI looper and synth for live electronic music performances.
    • Pomodoro: Timer based on the Pomodoro Technique.
    • Sia-UI: Decentralized file storage system.
    • MarkRight: GitHub flavored Markdown editor with live preview.
    • Sqlectron: SQL client.
    • Light Table: Code editor with instant feedback.
    • Google Play Music Desktop Player: Unofficial Google Play Music app.
    • Chrome DevTools: Chrome DevTools packaged as an app.
    • Proton: Markdown editor with live preview.
    • Hawkpass: Password generator.
    • Boostnote: Markdown note & code snippet app for developers.
    • Before Dawn: Screensaver tool.
    • Catify: Utility for Spotify.
    • Ansel: Image organizer.
    • Tockler: Tracks your time.
    • Mattermost: Mattermost client.
    • Crypter: Secure encryption client.
    • YakYak: Unofficial Google Hangouts app.
    • Museeks: Music player.
    • Sabaki: Go/Baduk/Weiqi board.
    • Wire: Messenger and calling app.
    • Extraterm: Terminal.
    • Stacer: Ubuntu system optimizer.
    • Inpad: Notes app with GitHub-flavored Markdown.
    • Cerebro: Launcher with inline previews.
    • LosslessCut: Lossless video trimming & cutting.
    • Buka: E-book management.
    • Insomnia: Create and manage HTTP requests.
    • Tusk: Unofficial Evernote app.
    • Buttercup Desktop: Password manager.
    • Mailspring: Extensible email client.
    • Headset: Discover, collect, and listen to music from YouTube.
    • Nuclear: Music player that streams from free sources.
    • Mark Text: Real-time preview Markdown editor.
    • Pomotroid: Pomodoro timer.
    • Netron: Visualizer for deep learning and machine learning models.
    • Etcher: Flash OS images to SD cards and USB drives.
    • Notable: Markdown-based note-taking.
    • Unsplash Wallpapers: Set desktop wallpaper from Unsplash.
    • Motrix: Download manager.
    • Franz: Aggregator for Skype, Slack, Hangouts, WhatsApp, etc.
    • Gmail Desktop: Unofficial Gmail app.
    • Upcount: Invoicing.
    • ExifCleaner: Clean image metadata with drag and drop.
    • massCode: Code snippet manager for developers.
    • Swifty: Password manager.
    • MQTTX: Client for MQTT messaging protocol.
    • LightProxy: Web debugging proxy.
    • Beekeeper Studio: Cross-platform SQL editor and database manager.
    • Mouseless: Keyboard shortcut training and look-up.
    • Glyphfinder: Unicode character search.
    • Graviton Editor: Cross-platform code editor.
    • Yana: Notebook app with rich-text notes.
    • SpaceEye: Live satellite imagery for desktop background.
    • Heroic Games Launcher: Alternative Epic games launcher.
    • VIR: Intelligent time manager.
    • Browserosaurus: Browser prompter for macOS.
    • linked: Daily journal.
    • shadowsocks-electron: Cross-platform Shadowsocks client.
    • Sigma File Manager: Modern file manager.
    • Ostara: Monitor Spring Boot apps via Actuator.
    • PikaTorrent: BitTorrent client.
    • Wave Terminal: Open-source terminal with AI integration.
    • Signal Desktop: Companion desktop app for Signal mobile app.

  7. Explore Electron boilerplates and scaffolds

    main

    If you are starting a new Electron project, you can use various boilerplates to set up your development environment with specific frameworks or features:

    • General/Minimal: electron-quick-start (simple clone to try), generator-electron (scaffolding tool).
    • React-based: electron-react-boilerplate (React + webpack), secure-electron-template (React, Redux, Webpack, i18next, security-focused), vite-electron-builder (Vite-based, supports Vue/React/Angular/Svelte).
    • Angular-based: angular-electron (Angular, TypeScript, SASS, Hot Reload).
    • Feature-rich: electron-boilerplate (by sindresorhus), bozon (scaffold, run, test, package), vite-electron-builder (Vite integration).

  8. Learn Electron via video tutorials

    main

    The following video resources provide guidance on various Electron topics, including getting started, packaging, multi-window management, and building native-feeling experiences:

  9. View Electron Sample Applications

    main

    If you are looking for practical implementations of Electron APIs, refer to these sample projects and code snippets.

    Sample Projects

    • Electron API usage: Sample apps illustrating usage of Electron APIs (GitHub link).
    • Screen Recorder: WebRTC screen recorder (GitHub link).

    Official Electron Simple Samples

    • Activity Monitor: Shows a doughnut chart of CPU system, user, and idle activity time.
    • Hash: Shows the hash values of entered text using different algorithms.
    • Prices: Shows the current price of oil, gold, and silver using the Yahoo Finance API.

  10. Find components and testing tools for Electron

    main

    UI Components

    • Frameworks: menubar (menubar app framework), React Desktop (macOS/Windows UI toolkit), Xel (widget toolkit), chrome-tabs (Chrome-like tabs).

    Testing and Execution

    • Testing: electron-mocha (run Mocha in Electron), jest-electron (run/debug Jest in browser environment).
    • Running/Inspecting: nativefier (convert websites to apps), electron-mocha (Mocha in Electron), Reactotron (inspect React apps).

  11. Find tools for Electron development

    main

    The ecosystem provides specialized tools for different stages of the Electron lifecycle:

    Packaging and Distribution

    • Installers/Packaging: electron-builder (create installers), electron-packager (package and distribute), electron-installer-debian, electron-installer-redhat, electron-installer-windows.
    • Code Signing/Notarization: electron-osx-sign (macOS code-signing).
    • Updates: Hydraulic Conveyor (CLI deployment), UpdateRocks! (auto-update service), electron-release-server (self-hosted release server).

    Development Utilities

    • Debugging: electron-debug (debug features), electron-is-dev (check dev mode), debug-menu (Chrome-like inspect element), debugtron (production debugging), electron-log (logging), electron-timber (pretty logger).
    • Hot Reloading/Development Flow: elemon (live-reload), electron-reloader (auto-reloading), electronmon (monitor and reload out-of-process), electron-vite (Vite-integrated build tool).
    • Native Modules: electron-rebuild (rebuild native Node.js modules against Electron version).

    App Functionality

    • Data/Storage: electron-store (user preferences/state), NeDB (embedded database), RxDB (realtime NoSQL), trilogy (TypeScript SQLite layer).
    • System/OS Integration: electron-localshortcut (window keyboard shortcuts), fix-path (fix $PATH on macOS for child processes), electron-dl (file downloads), electron-context-menu (extensible context menu), electron-webauthn-mac (macOS Passkey support).
    • Networking/Security: got (HTTP requests), adblocker-electron (block ads/trackers), electronegativity (security anti-pattern identification).