672 lines
30 KiB
HTML
672 lines
30 KiB
HTML
<h1 id="awesome-electron-awesome">Awesome Electron <a
|
||
href="https://awesome.re"><img src="https://awesome.re/badge.svg"
|
||
alt="Awesome" /></a></h1>
|
||
<p><a
|
||
href="https://electronjs.org"><img src="electron-logo.svg" align="right" width="100"></a></p>
|
||
<blockquote>
|
||
<p>Useful resources for creating apps with <a
|
||
href="https://electronjs.org">Electron</a></p>
|
||
</blockquote>
|
||
<p>Electron is an open-source framework for creating desktop apps using
|
||
web technologies. It combines the Chromium rendering engine and the
|
||
Node.js runtime.</p>
|
||
<p><br></p>
|
||
<hr />
|
||
<br> <br>
|
||
<div data-align="center">
|
||
<pre><code><sub>Check out my macOS app</sub>
|
||
<br>
|
||
<h2>
|
||
<a href="https://sindresorhus.com/menu-bar-spacing">Menu Bar Spacing</a>
|
||
<br>
|
||
<sup>Customize the gap between menu bar items on macOS</sup>
|
||
</h2></code></pre>
|
||
</div>
|
||
<p><br> <br></p>
|
||
<hr />
|
||
<p><br></p>
|
||
<h2 id="contents">Contents</h2>
|
||
<ul>
|
||
<li><a href="#apps">Apps</a></li>
|
||
<li><a href="#boilerplates">Boilerplates</a></li>
|
||
<li><a href="#tools">Tools</a></li>
|
||
<li><a href="#components">Components</a></li>
|
||
<li><a href="#documentation">Documentation</a></li>
|
||
<li><a href="#articles">Articles</a></li>
|
||
<li><a href="#books">Books</a></li>
|
||
<li><a href="#videos">Videos</a></li>
|
||
<li><a href="#podcasts">Podcasts</a></li>
|
||
<li><a href="#community">Community</a></li>
|
||
<li><a href="#related">Related</a></li>
|
||
</ul>
|
||
<h2 id="apps">Apps</h2>
|
||
<p>Made with Electron.</p>
|
||
<h3 id="open-source">Open Source</h3>
|
||
<h6 id="featured">Featured</h6>
|
||
<ul>
|
||
<li><a href="https://github.com/feross/webtorrent-app">WebTorrent</a> -
|
||
Streaming torrent client.</li>
|
||
<li><a href="https://github.com/minbrowser/min">Min</a> - Minimal web
|
||
browser.</li>
|
||
<li><a href="https://github.com/zeit/hyper">Hyper</a> - Terminal.</li>
|
||
<li><a href="https://github.com/Microsoft/vscode">Visual Studio Code</a>
|
||
- Cross-platform IDE.</li>
|
||
</ul>
|
||
<h6 id="other">Other</h6>
|
||
<ul>
|
||
<li><a href="https://github.com/jlord/git-it-electron">Git-it</a> -
|
||
Teaches you Git and GitHub.</li>
|
||
<li><a href="https://github.com/sindresorhus/caprine">Caprine</a> -
|
||
Unofficial Facebook Messenger app.</li>
|
||
<li><a
|
||
href="https://github.com/Automattic/simplenote-electron">Simplenote</a>
|
||
- Note keeper.</li>
|
||
<li><a href="https://github.com/brrd/Abricotine">Abricotine</a> -
|
||
Markdown editor with inline preview.</li>
|
||
<li><a href="https://github.com/wulkano/kap">Kap</a> - Screen recorder
|
||
with GIF support.</li>
|
||
<li><a href="https://github.com/luin/medis">Medis</a> - Redis database
|
||
management.</li>
|
||
<li><a href="https://github.com/evancohen/smart-mirror">SmartMirror</a>
|
||
- Voice controlled smart mirror.</li>
|
||
<li><a href="https://github.com/beakerbrowser/beaker">Beaker</a> -
|
||
Browser with peer-to-peer web protocols.</li>
|
||
<li><a href="https://github.com/keeweb/keeweb">KeeWeb</a> - Unofficial
|
||
KeePass app.</li>
|
||
<li><a href="https://github.com/manosim/gitify">Gitify</a> - GitHub
|
||
notifications in your menubar.</li>
|
||
<li><a href="https://github.com/zz85/space-radar">SpaceRadar</a> -
|
||
Interactive disk space and memory visualization.</li>
|
||
<li><a href="https://github.com/leanote/desktop-app">Leanote</a> - Cloud
|
||
notepad.</li>
|
||
<li><a href="https://github.com/mmckegg/loop-drop-app">Loop Drop</a> -
|
||
MIDI looper and synth for live electronic music performances.</li>
|
||
<li><a href="https://github.com/G07cha/pomodoro">Pomodoro</a> - Timer
|
||
based on the Pomodoro Technique.</li>
|
||
<li><a href="https://gitlab.com/NebulousLabs/Sia-UI">Sia-UI</a> -
|
||
Decentralized file storage system based on cryptocurrency
|
||
technology.</li>
|
||
<li><a href="https://github.com/dvcrn/markright">MarkRight</a> - GitHub
|
||
flavored Markdown editor with live preview.</li>
|
||
<li><a href="https://github.com/sqlectron/sqlectron-gui">Sqlectron</a> -
|
||
SQL client.</li>
|
||
<li><a href="https://github.com/LightTable/LightTable">Light Table</a> -
|
||
Code editor with instant feedback.</li>
|
||
<li><a
|
||
href="https://github.com/MarshallOfSound/Google-Play-Music-Desktop-Player-UNOFFICIAL-">Google
|
||
Play Music Desktop Player</a> - Unofficial Google Play Music app.</li>
|
||
<li><a href="https://github.com/auchenberg/chrome-devtools-app">Chrome
|
||
DevTools</a> - Chrome DevTools packaged as an app.</li>
|
||
<li><a href="https://github.com/steventhanna/proton">Proton</a> -
|
||
Markdown editor with live preview.</li>
|
||
<li><a href="https://github.com/kalpetros/hawkpass">Hawkpass</a> -
|
||
Password generator.</li>
|
||
<li><a href="https://github.com/BoostIO/Boostnote">Boostnote</a> -
|
||
Markdown note & code snippet app for developers.</li>
|
||
<li><a href="https://github.com/muffinista/before-dawn">Before Dawn</a>
|
||
- Screensaver tool.</li>
|
||
<li><a href="https://github.com/MeoBeoI/Catify">Catify</a> - Utility for
|
||
Spotify.</li>
|
||
<li><a href="https://github.com/m0g/ansel">Ansel</a> - Image
|
||
organizer.</li>
|
||
<li><a href="https://github.com/MayGo/tockler">Tockler</a> - Tracks your
|
||
time.</li>
|
||
<li><a href="https://github.com/mattermost/desktop">Mattermost</a> -
|
||
Mattermost client.</li>
|
||
<li><a href="https://github.com/HR/Crypter">Crypter</a> - Secure
|
||
encryption client.</li>
|
||
<li><a href="https://github.com/yakyak/yakyak">YakYak</a> - Unofficial
|
||
Google Hangouts app.</li>
|
||
<li><a href="https://github.com/KeitIG/museeks">Museeks</a> - Music
|
||
player.</li>
|
||
<li><a href="https://github.com/SabakiHQ/Sabaki">Sabaki</a> -
|
||
Go/Baduk/Weiqi board.</li>
|
||
<li><a href="https://github.com/wireapp/wire-desktop">Wire</a> -
|
||
Messenger and calling app.</li>
|
||
<li><a href="https://github.com/sedwards2009/extraterm">Extraterm</a> -
|
||
Terminal.</li>
|
||
<li><a href="https://github.com/oguzhaninan/Stacer">Stacer</a> - Ubuntu
|
||
system optimizer.</li>
|
||
<li><a href="https://github.com/sarah-seo/Inpad">Inpad</a> - Notes app
|
||
with GitHub-flavored Markdown.</li>
|
||
<li><a href="https://github.com/KELiON/cerebro">Cerebro</a> - Launcher
|
||
with inline previews.</li>
|
||
<li><a href="https://github.com/mifi/lossless-cut">LosslessCut</a> -
|
||
Lossless video trimming & cutting.</li>
|
||
<li><a href="https://github.com/oguzhaninan/Buka">Buka</a> - E-book
|
||
management.</li>
|
||
<li><a href="https://github.com/getinsomnia/insomnia">Insomnia</a> -
|
||
Create and manage HTTP requests.</li>
|
||
<li><a href="https://github.com/champloohq/tusk">Tusk</a> - Unofficial
|
||
Evernote app.</li>
|
||
<li><a href="https://github.com/buttercup/buttercup-desktop">Buttercup
|
||
Desktop</a> - Password manager.</li>
|
||
<li><a href="https://github.com/Foundry376/Mailspring">Mailspring</a> -
|
||
Extensible email client. (Fork of Nylas Mail)</li>
|
||
<li><a href="https://github.com/headsetapp/headset-electron">Headset</a>
|
||
- Discover, collect, and listen to music from YouTube.</li>
|
||
<li><a href="https://github.com/nukeop/nuclear">Nuclear</a> - Music
|
||
player that streams from free sources.</li>
|
||
<li><a href="https://github.com/marktext/marktext">Mark Text</a> -
|
||
Real-time preview Markdown editor.</li>
|
||
<li><a href="https://github.com/Splode/pomotroid">Pomotroid</a> -
|
||
Pomodoro timer.</li>
|
||
<li><a href="https://github.com/lutzroeder/netron">Netron</a> -
|
||
Visualizer for deep learning and machine learning models.</li>
|
||
<li><a href="https://github.com/resin-io/etcher">Etcher</a> - Flash OS
|
||
images to SD cards and USB drives.</li>
|
||
<li><a href="https://github.com/fabiospampinato/notable">Notable</a> -
|
||
Markdown-based note-taking.</li>
|
||
<li><a
|
||
href="https://github.com/soroushchehresa/unsplash-wallpapers">Unsplash
|
||
Wallpapers</a> - Set desktop wallpaper from Unsplash.</li>
|
||
<li><a href="https://github.com/agalwood/Motrix">Motrix</a> - Download
|
||
manager.</li>
|
||
<li><a href="https://github.com/meetfranz/franz">Franz</a> - Skype,
|
||
Slack, Hangouts, WhatsApp, Grape, Telegram, FB Messenger, Hipchat in the
|
||
same app.</li>
|
||
<li><a href="https://github.com/timche/gmail-desktop">Gmail Desktop</a>
|
||
- Unofficial Gmail app.</li>
|
||
<li><a href="https://github.com/madisvain/upcount">Upcount</a> -
|
||
Invoicing.</li>
|
||
<li><a href="https://github.com/szTheory/exifcleaner">ExifCleaner</a> -
|
||
Clean image metadata with drag and drop.</li>
|
||
<li><a href="https://github.com/antonreshetov/massCode">massCode</a> -
|
||
Code snippet manager for developers.</li>
|
||
<li><a href="https://github.com/swiftyapp/swifty">Swifty</a> - Password
|
||
manager.</li>
|
||
<li><a href="https://github.com/emqx/MQTTX">MQTTX</a> - Client for MQTT,
|
||
which is a lightweight messaging protocol.</li>
|
||
<li><a href="https://github.com/alibaba/lightproxy">LightProxy</a> - Web
|
||
debugging proxy.</li>
|
||
<li><a
|
||
href="https://github.com/beekeeper-studio/beekeeper-studio">Beekeeper
|
||
Studio</a> - Cross-platform SQL editor and database manager.</li>
|
||
<li><a href="https://github.com/ueberdosis/mouseless">Mouseless</a> -
|
||
Keyboard shortcut training and look-up.</li>
|
||
<li><a href="https://github.com/ueberdosis/glyphfinder">Glyphfinder</a>
|
||
- Unicode character search.</li>
|
||
<li><a
|
||
href="https://github.com/Graviton-Code-Editor/Graviton-App">Graviton
|
||
Editor</a> - Cross-platform code editor.</li>
|
||
<li><a href="https://github.com/lukasbach/yana">Yana</a> - Notebook app
|
||
with rich-text notes, nested note organization and global search.</li>
|
||
<li><a href="https://github.com/KYDronePilot/SpaceEye">SpaceEye</a> -
|
||
Live satellite imagery for your desktop background.</li>
|
||
<li><a
|
||
href="https://github.com/Heroic-Games-Launcher/HeroicGamesLauncher">Heroic
|
||
Games Launcher</a> - Alternative Epic games launcher.</li>
|
||
<li><a href="https://github.com/TommyX12/VIR">VIR</a> - Intelligent time
|
||
manager with automatic planning.</li>
|
||
<li><a
|
||
href="https://github.com/will-stone/browserosaurus">Browserosaurus</a> -
|
||
Browser prompter for macOS.</li>
|
||
<li><a href="https://github.com/lostdesign/linked">linked</a> - Daily
|
||
journal.</li>
|
||
<li><a
|
||
href="https://github.com/nojsja/shadowsocks-electron">shadowsocks-electron</a>
|
||
- Cross-platform Shadowsocks client.</li>
|
||
<li><a
|
||
href="https://github.com/aleksey-hoffman/sigma-file-manager">Sigma File
|
||
Manager</a> - Modern file manager.</li>
|
||
<li><a href="https://github.com/krud-dev/ostara">Ostara</a> - Monitor
|
||
and interact with Spring Boot apps via Actuator.</li>
|
||
<li><a href="https://github.com/G-Ray/pikatorrent">PikaTorrent</a> -
|
||
BitTorrent client.</li>
|
||
<li><a href="https://github.com/wavetermdev/waveterm">Wave Terminal</a>
|
||
- Open-source terminal with AI integration.</li>
|
||
</ul>
|
||
<h3 id="closed-source">Closed Source</h3>
|
||
<h6 id="featured-1">Featured</h6>
|
||
<ul>
|
||
<li><a href="https://rosefinchapp.com">Rosefinch</a> - Store and run SQL
|
||
queries.</li>
|
||
<li><a href="https://nota.md">Nota</a> - Pro writing app designed for
|
||
local Markdown files.</li>
|
||
</ul>
|
||
<h6 id="other-1">Other</h6>
|
||
<ul>
|
||
<li><a href="http://www.gitkraken.com">GitKraken</a> - Git client.</li>
|
||
<li><a href="http://1clipboard.io">1Clipboard</a> - Universal clipboard
|
||
manager.</li>
|
||
<li><a href="https://www.getpostman.com">Postman</a> - Create and send
|
||
HTTP requests.</li>
|
||
<li><a
|
||
href="https://medium.com/ben-and-dion/how-slack-built-a-well-loved-product-going-against-peter-thiel-and-native-app-fashion-2abbbe5a022f">Slack</a>
|
||
- Desktop version.</li>
|
||
<li><a href="http://avocode.com">Avocode</a> - Share design and
|
||
collaborate.</li>
|
||
<li><a href="https://prepros.io">Prepros</a> - Compile almost any
|
||
preprocessing language with live browser refresh.</li>
|
||
<li><a href="http://www.strem.io">Stremio</a> - Media center.</li>
|
||
<li><a href="http://www.typetalk.in">Typetalk</a> - Share and discuss
|
||
ideas with your team through instant messaging.</li>
|
||
<li><a href="http://pingendo.com">Pingendo</a> - Bootstrap
|
||
prototyping.</li>
|
||
<li><a href="https://www.spreaker.com/download">Spreaker Studio</a> -
|
||
Audio recording and broadcasting.</li>
|
||
<li><a href="https://mockingbot.com">MockingBot</a> - Prototyping tool
|
||
for designing apps.</li>
|
||
<li><a href="http://caret.io">Caret</a> - Markdown editor.</li>
|
||
<li><a href="https://rememberapp.co.kr">Remember</a> - Business card
|
||
management. <em>(Korean)</em></li>
|
||
<li><a href="https://www.mongodb.com/products/compass">MongoDB
|
||
Compass</a> - Official MongoDB app.</li>
|
||
<li><a href="https://freeter.io">Freeter</a> - Organizer for freelancers
|
||
& creatives.</li>
|
||
<li><a href="https://www.whatsapp.com/download/">WhatsApp</a> - Official
|
||
WhatsApp app.</li>
|
||
<li><a href="https://catlight.io">CatLight</a> - Build status
|
||
notifier.</li>
|
||
<li><a href="https://discord.com">Discord</a> - Voice and text
|
||
chat.</li>
|
||
<li><a href="http://cocos2d-x.org/products#creator">Cocos Creator</a> -
|
||
Game editor for creating web and native games for Cocos2D-x.</li>
|
||
<li><a href="https://www.inkdrop.info">Inkdrop</a> - Markdown notebook
|
||
for hackers.</li>
|
||
<li><a href="https://www.exodus.io">Exodus</a> - Secure, manage, and
|
||
exchange blockchain assets like Bitcoin and Ethereum.</li>
|
||
<li><a href="http://hackolade.com">Hackolade</a> - Data modeling for
|
||
NoSQL and multi-model databases.</li>
|
||
<li><a href="https://cashnotify.com">CashNotify</a> - Monitor your
|
||
Stripe accounts from your menu bar.</li>
|
||
<li><a href="https://mockoon.com">Mockoon</a> - Mock servers in
|
||
seconds.</li>
|
||
<li><a href="https://app.twitch.tv">Twitch</a> - Official Twitch
|
||
app.</li>
|
||
<li><a href="https://fenêt.re">Fenêtre</a> - Picture-in-picture for your
|
||
Mac.</li>
|
||
<li><a href="https://cleavr.io">Cleavr</a> - Provision servers and
|
||
deploy web apps.</li>
|
||
<li><a href="https://getbrandy.io">Brandy</a> - A brand asset manager
|
||
for your menu bar.</li>
|
||
<li><a href="https://www.cacher.io">Cacher</a> - Cloud-based,
|
||
team-enabled code snippet manager with Gist sync.</li>
|
||
<li><a href="https://musicplus.io">MusicPlus</a> - Free music app for
|
||
macOS and Windows.</li>
|
||
<li><a href="https://mingo.io">Mingo</a> - MongoDB GUI.</li>
|
||
<li><a href="https://datensen.com">Moon Modeler</a> - Schema design tool
|
||
for MongoDB, Mongoose, and MariaDB.</li>
|
||
<li><a href="https://notion.so">Notion</a> - All-in-one workspace for
|
||
your notes, tasks, wikis, and databases.</li>
|
||
<li><a href="https://www.fatpick.com">FATpick</a> - Guitar tablature
|
||
viewer that scores your performance as you play along.</li>
|
||
<li><a href="https://www.taskade.com">Taskade</a> - Realtime
|
||
organization and collaboration tool for distributed teams with tasks,
|
||
notes, and chat.</li>
|
||
<li><a href="https://www.coloban.com">Coloban</a> - All-in-one project
|
||
management tool with chats, Kanban, Gantt, calls, screenshare, and
|
||
more.</li>
|
||
<li><a href="https://dynobase.dev">Dynobase</a> - AWS DynamoDB GUI.</li>
|
||
<li><a href="https://getlotus.app">Lotus</a> - Keep up with GitHub
|
||
notifications without stress.</li>
|
||
<li><a href="https://runjs.app">RunJS</a> - Playground for JavaScript
|
||
and TypeScript.</li>
|
||
<li><a href="https://opensftp.com">OpenSFTP</a> - Integrated SSH and
|
||
SFTP workspace client.</li>
|
||
</ul>
|
||
<h3 id="samples">Samples</h3>
|
||
<ul>
|
||
<li><a href="https://github.com/hokein/electron-sample-apps">Electron
|
||
API usage</a> - Sample apps illustrating usage of Electron APIs.</li>
|
||
<li><a href="https://github.com/hokein/electron-screen-recorder">Screen
|
||
Recorder</a> - WebRTC screen recorder.</li>
|
||
<li><a
|
||
href="https://electronjs.org/blog/simple-samples#activity-monitor">Activity
|
||
Monitor</a> - Shows a doughnut chart of the CPU system, user, and idle
|
||
activity time.</li>
|
||
<li><a href="https://electronjs.org/blog/simple-samples#hash">Hash</a> -
|
||
Shows the hash values of entered text using different algorithms.</li>
|
||
<li><a
|
||
href="https://electronjs.org/blog/simple-samples#prices">Prices</a> -
|
||
Shows the current price of oil, gold, and silver using the Yahoo Finance
|
||
API.</li>
|
||
</ul>
|
||
<h2 id="boilerplates">Boilerplates</h2>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/sindresorhus/electron-boilerplate">electron-boilerplate</a>
|
||
- Boilerplate to kickstart creating an app - by <a
|
||
href="http://github.com/sindresorhus">sindresorhus</a>.</li>
|
||
<li><a
|
||
href="https://github.com/sindresorhus/generator-electron">generator-electron</a>
|
||
- Scaffold out an app boilerplate.</li>
|
||
<li><a
|
||
href="https://github.com/szwacz/electron-boilerplate">electron-boilerplate</a>
|
||
- Comprehensive boilerplate which even generates installers - by <a
|
||
href="https://github.com/szwacz">szwacz</a>.</li>
|
||
<li><a
|
||
href="https://github.com/chentsulin/electron-react-boilerplate">electron-react-boilerplate</a>
|
||
- Boilerplate based on React and webpack.</li>
|
||
<li><a
|
||
href="https://github.com/electron/electron-quick-start">electron-quick-start</a>
|
||
- Clone the repo to try a simple app.</li>
|
||
<li><a href="https://github.com/railsware/bozon">bozon</a> - Scaffold,
|
||
run, test, and package your app.</li>
|
||
<li><a
|
||
href="https://github.com/reZach/secure-electron-template">secure-electron-template</a>
|
||
- Security-focused boilerplate for creating apps with React, Redux,
|
||
Webpack, and i18next.</li>
|
||
<li><a
|
||
href="https://github.com/maximegris/angular-electron">angular-electron</a>
|
||
- Fast bootstrapping with Angular, Electron, TypeScript, SASS, and Hot
|
||
Reload.</li>
|
||
<li><a
|
||
href="https://github.com/cawa-93/vite-electron-builder">vite-electron-builder</a>
|
||
- Secure boilerplate for Electron app based on Vite. TypeScript +
|
||
Vue/React/Angular/Svelte/Vanilla.</li>
|
||
</ul>
|
||
<h2 id="tools">Tools</h2>
|
||
<h3 id="for-electron">For Electron</h3>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/electron-userland/electron-builder">electron-builder</a>
|
||
- Create installers.</li>
|
||
<li><a
|
||
href="https://github.com/electron-userland/electron-packager">electron-packager</a>
|
||
- Package and distribute your app.</li>
|
||
<li><a
|
||
href="https://github.com/sindresorhus/electron-debug">electron-debug</a>
|
||
- Adds useful debug features.</li>
|
||
<li><a
|
||
href="https://github.com/sindresorhus/electron-is-dev">electron-is-dev</a>
|
||
- Check if Electron is running in development.</li>
|
||
<li><a
|
||
href="https://github.com/parro-it/electron-localshortcut">electron-localshortcut</a>
|
||
- Add keyboard shortcuts locally to a window.</li>
|
||
<li><a href="https://github.com/sindresorhus/fix-path">fix-path</a> -
|
||
Fix the $PATH on macOS when run from a GUI app. Useful when spawning a
|
||
child process.</li>
|
||
<li><a
|
||
href="https://github.com/sindresorhus/electron-dl">electron-dl</a> -
|
||
Simplified file downloads.</li>
|
||
<li><a
|
||
href="https://github.com/ArekSredzki/electron-release-server">electron-release-server</a>
|
||
- Self-hosted release server with front-end & auto-updater
|
||
support.</li>
|
||
<li><a
|
||
href="https://github.com/electron/electron-rebuild">electron-rebuild</a>
|
||
- Rebuild native Node.js modules against the currently installed
|
||
Electron version.</li>
|
||
<li><a href="https://github.com/parro-it/debug-menu">debug-menu</a> -
|
||
Chrome-like “inspect element” context-menu.</li>
|
||
<li><a
|
||
href="https://github.com/unindented/electron-installer-debian">electron-installer-debian</a>
|
||
- Create a Debian package.</li>
|
||
<li><a
|
||
href="https://github.com/unindented/electron-installer-redhat">electron-installer-redhat</a>
|
||
- Create a Red Hat package.</li>
|
||
<li><a
|
||
href="https://github.com/unindented/electron-installer-windows">electron-installer-windows</a>
|
||
- Create a Windows package.</li>
|
||
<li><a
|
||
href="https://github.com/electron-userland/electron-download">electron-download</a>
|
||
- Download the Electron release zip from GitHub.</li>
|
||
<li><a
|
||
href="https://github.com/electron-userland/electron-osx-sign">electron-osx-sign</a>
|
||
- Code-signing for macOS apps.</li>
|
||
<li><a
|
||
href="https://github.com/felixrieseberg/ember-electron">ember-electron</a>
|
||
- Build, test, and package Ember apps.</li>
|
||
<li><a
|
||
href="https://github.com/sindresorhus/electron-store">electron-store</a>
|
||
- Save and load data like user preferences, app state, cache, etc.</li>
|
||
<li><a
|
||
href="https://github.com/sindresorhus/electron-context-menu">electron-context-menu</a>
|
||
- Extensible context menu.</li>
|
||
<li><a href="https://github.com/louischatriot/nedb">NeDB</a> - Embedded
|
||
persistent or in-memory database.</li>
|
||
<li><a href="https://github.com/pubkey/rxdb">RxDB</a> - A realtime NoSQL
|
||
database.</li>
|
||
<li><a
|
||
href="https://github.com/GPMDP/electron-devtools-installer">electron-devtools-installer</a>
|
||
- Install DevTools extensions from the Chrome Web Store.</li>
|
||
<li><a href="https://github.com/megahertz/electron-log">electron-log</a>
|
||
- Simple logging.</li>
|
||
<li><a
|
||
href="https://github.com/rhysd/electron-about-window">electron-about-window</a>
|
||
- ‘About This App’ window.</li>
|
||
<li><a href="https://github.com/manidlou/elemon">elemon</a> -
|
||
Live-reload your app during development.</li>
|
||
<li><a
|
||
href="https://github.com/brrd/electron-is-accelerator">electron-is-accelerator</a>
|
||
- Check if a string is a valid accelerator.</li>
|
||
<li><a
|
||
href="https://github.com/gerhardberger/electron-pdf-window">electron-pdf-window</a>
|
||
- View PDF files in browser windows.</li>
|
||
<li><a href="https://github.com/sindresorhus/got">got</a> - Simplified
|
||
HTTP requests.</li>
|
||
<li><a
|
||
href="https://github.com/sindresorhus/electron-unhandled">electron-unhandled</a>
|
||
- Catch unhandled errors and promise rejections.</li>
|
||
<li><a
|
||
href="https://github.com/sindresorhus/electron-util">electron-util</a> -
|
||
Useful utilities for developing apps and modules.</li>
|
||
<li><a
|
||
href="https://github.com/sindresorhus/electron-reloader">electron-reloader</a>
|
||
- Simple auto-reloading during development.</li>
|
||
<li><a
|
||
href="https://github.com/sindresorhus/electron-serve">electron-serve</a>
|
||
- Static file serving (Useful for routing, like
|
||
<code>react-router</code>).</li>
|
||
<li><a
|
||
href="https://github.com/sindresorhus/electron-timber">electron-timber</a>
|
||
- Pretty logger.</li>
|
||
<li><a
|
||
href="https://github.com/maxkueng/chromium-net-errors">chromium-net-errors</a>
|
||
- Chromium’s network errors as custom error classes.</li>
|
||
<li><a
|
||
href="https://github.com/sindresorhus/run-electron">run-electron</a> -
|
||
Run Electron without all the junk terminal output.</li>
|
||
<li><a href="https://github.com/pd4d10/debugtron">debugtron</a> - Debug
|
||
in-production Electron-based apps.</li>
|
||
<li><a
|
||
href="https://github.com/sindresorhus/electron-better-ipc">electron-better-ipc</a>
|
||
- Simplified IPC communication.</li>
|
||
<li><a
|
||
href="https://github.com/getstation/electron-chrome-extension">electron-chrome-extension</a>
|
||
- Add support for Chrome extensions.</li>
|
||
<li><a href="https://github.com/citycide/trilogy">trilogy</a> -
|
||
TypeScript SQLite database layer with support for both native C++ and
|
||
pure JavaScript backends.</li>
|
||
<li><a
|
||
href="https://github.com/cliqz-oss/adblocker/tree/master/packages/adblocker-electron">adblocker-electron</a>
|
||
- Block ads and trackers.</li>
|
||
<li><a href="https://github.com/catdad/electronmon">electronmon</a> -
|
||
Monitor and reload apps out-of-process during development.</li>
|
||
<li><a
|
||
href="https://github.com/doyensec/electronegativity">electronegativity</a>
|
||
- Identify misconfigurations and security anti-patterns.</li>
|
||
<li><a href="https://www.update.rocks">UpdateRocks!</a> - Auto-update
|
||
service. Free for open source projects.</li>
|
||
<li><a
|
||
href="https://github.com/alex8088/electron-vite">electron-vite</a> -
|
||
Fast and easy-to-use build tool integrated with Vite.</li>
|
||
<li><a
|
||
href="https://github.com/dutchigor/pluggable-electron">pluggable-electron</a>
|
||
- Build apps that can be extended through plugins.</li>
|
||
<li><a href="https://hydraulic.dev">Hydraulic Conveyor</a> - CLI tool
|
||
that deploys apps without needing any special update servers,
|
||
multi-platform CI, or code changes.</li>
|
||
<li><a href="https://aptabase.com/for-electron">Aptabase</a> - Analytics
|
||
for apps. Open source, privacy-friendly, and simple.</li>
|
||
</ul>
|
||
<h3 id="using-electron">Using Electron</h3>
|
||
<ul>
|
||
<li><a href="https://github.com/jiahaog/nativefier">nativefier</a> -
|
||
Create an app of any website.</li>
|
||
<li><a
|
||
href="https://github.com/juliangruber/electron-stream">electron-stream</a>
|
||
- Streaming wrapper.</li>
|
||
<li><a href="https://github.com/fraserxu/electron-pdf">electron-pdf</a>
|
||
- Generate PDF from URL, HTML, or Markdown files on the
|
||
command-line.</li>
|
||
<li><a
|
||
href="https://github.com/jprichardson/electron-mocha">electron-mocha</a>
|
||
- Run Mocha tests in Electron.</li>
|
||
<li><a href="https://github.com/reactotron/reactotron">Reactotron</a> -
|
||
Inspect your React and React Native apps.</li>
|
||
<li><a href="https://github.com/hustcc/jest-electron">jest-electron</a>
|
||
- Run and debug Jest unit tests in a browser environment.</li>
|
||
</ul>
|
||
<h2 id="components">Components</h2>
|
||
<ul>
|
||
<li><a href="https://github.com/maxogden/menubar">menubar</a> - Menubar
|
||
app framework.</li>
|
||
<li><a href="https://github.com/gabrielbull/react-desktop">React
|
||
Desktop</a> - UI toolkit for macOS and Windows built with React.</li>
|
||
<li><a
|
||
href="https://github.com/adamschwartz/chrome-tabs">chrome-tabs</a> -
|
||
Chrome like tabs.</li>
|
||
<li><a href="https://xel-toolkit.org">Xel</a> - Widget toolkit for
|
||
building native-like apps.</li>
|
||
</ul>
|
||
<h2 id="documentation">Documentation</h2>
|
||
<ul>
|
||
<li><a href="https://electronjs.org/docs/tutorial/quick-start">Quick
|
||
Start</a></li>
|
||
<li><a href="https://electronjs.org/docs">Official docs</a></li>
|
||
<li><a href="http://jlord.us/essential-electron/">Essential Electron</a>
|
||
- Concise overview.</li>
|
||
</ul>
|
||
<h2 id="articles">Articles</h2>
|
||
<ul>
|
||
<li><a href="http://maxogden.com/electron-fundamentals.html">Electron
|
||
Fundamentals</a></li>
|
||
<li><a
|
||
href="https://medium.com/@bojzi/building-a-desktop-application-with-electron-204203eeb658">Building
|
||
a desktop application with Electron</a></li>
|
||
<li><a
|
||
href="http://jbavari.github.io/blog/2015/08/14/codesigning-electron-applications/">Codesigning
|
||
your app for macOS</a></li>
|
||
<li><a
|
||
href="https://medium.com/@svilen/auto-updating-apps-for-windows-and-osx-using-electron-the-complete-guide-4aa7a50b904c">Auto-updating
|
||
apps for macOS and Windows: The complete guide</a></li>
|
||
<li><a
|
||
href="https://anadea.info/blog/building-desktop-app-with-electron">Building
|
||
a desktop app with Electron, React, and Redux</a></li>
|
||
<li><a
|
||
href="https://blog.figma.com/introducing-browserview-for-electron-7b40b4b493d5">Introducing
|
||
BrowserView for Electron</a> - New Electron API to embed web apps with
|
||
fewer bugs and improved performance.</li>
|
||
<li><a
|
||
href="https://slack.engineering/growing-pains-migrating-slacks-desktop-app-to-browserview-2759690d9c7b">Migrating
|
||
Slack’s Desktop App to BrowserView</a> - Slack rewrote their Electron
|
||
app with <code>BrowserView</code>, Redux, Rx, and TypeScript, to fix its
|
||
performance problems.</li>
|
||
<li><a
|
||
href="https://medium.com/@yoannm/pushing-electron-on-the-mac-appstore-early-stages-7dcb85936f92">Electron
|
||
on the App Store</a> - A 5-part series about the journey of making and
|
||
publishing an Electron app to the Mac App Store.</li>
|
||
<li><a
|
||
href="https://medium.com/quasar-framework/building-an-electron-file-explorer-with-quasar-and-vue-7bf94f1bbf6">Building
|
||
a file explorer with Electron, Quasar, and Vue</a> - Focused on design
|
||
and code decisions and Electron security.</li>
|
||
<li><a
|
||
href="https://kilianvalkhof.com/2018/apps/using-google-analytics-to-gather-usage-statistics-in-electron/">Using
|
||
Google Analytics to gather usage statistics in Electron</a> - How to
|
||
collect anonymous user statistics.</li>
|
||
<li><a
|
||
href="https://kilianvalkhof.com/2019/electron/notarizing-your-electron-application/">Notarizing
|
||
your Electron app</a> - How to configure your app packaging for Apple’s
|
||
notarization.</li>
|
||
<li><a
|
||
href="https://getlotus.app/21-making-electron-apps-feel-native-on-mac">Making
|
||
Electron apps feel native on Mac</a></li>
|
||
</ul>
|
||
<h2 id="books">Books</h2>
|
||
<ul>
|
||
<li><a
|
||
href="https://bleedingedgepress.com/developing-an-electron-edge/">Developing
|
||
an Electron Edge</a> - <a
|
||
href="https://read.amazon.com/kp/embed?asin=B01G7TTKSK&asin=B01G7TTKSK&preview=newtab&linkCode=kpe&ref_=cm_sw_r_kb_dp_DLhOxb0XZ3MEC">Preview</a>
|
||
💲</li>
|
||
<li><a
|
||
href="https://www.manning.com/books/electron-in-action?a_aid=electroninaction">Electron
|
||
in Action</a> 💲</li>
|
||
<li><a
|
||
href="https://www.manning.com/books/cross-platform-desktop-applications">Cross-Platform
|
||
Desktop Applications</a> 💲</li>
|
||
</ul>
|
||
<h2 id="videos">Videos</h2>
|
||
<ul>
|
||
<li><a href="https://www.youtube.com/watch?v=jKzBJAowmGg">Getting
|
||
Started with Electron 1.x</a></li>
|
||
<li><a href="https://www.youtube.com/watch?v=dz5SnmBzBXc">Packaging and
|
||
Distributing Electron Desktop Apps</a></li>
|
||
<li><a href="https://www.youtube.com/watch?v=K-H2amwQ_pU">Multi Window
|
||
Electron Desktop Apps</a></li>
|
||
<li><a href="https://www.youtube.com/watch?v=RaPmi-33rfc">The State of
|
||
Electron</a></li>
|
||
<li><a href="https://www.youtube.com/watch?v=9xX_G0l5jLU">Cross-Platform
|
||
Desktop Apps with Electron</a></li>
|
||
<li><a href="https://www.youtube.com/watch?v=nXIrFq5-FC8">Building
|
||
Native Desktop apps using Electron</a></li>
|
||
<li><a href="https://www.youtube.com/watch?v=jRPUB-D1Wx0">The New
|
||
Desktop: Electron, React, & Pixel-Perfect Native-Feeling
|
||
Experiences</a></li>
|
||
<li><a href="https://www.youtube.com/watch?v=rbSvc8_BHaw">Building
|
||
Desktop Apps with Node.js and Electron</a></li>
|
||
<li><a
|
||
href="https://www.pluralsight.com/courses/electron-fundamentals">Electron
|
||
Fundamentals course - Pluralsight</a> 💲</li>
|
||
<li><a
|
||
href="https://www.lynda.com/Electron-tutorials/Electron-Building-Cross-Platform-Desktop-Apps/518051-2.html">Electron:
|
||
Building Cross Platform Desktop Apps - Lynda</a> 💲</li>
|
||
<li><a
|
||
href="https://egghead.io/courses/build-a-desktop-application-with-electron">Build
|
||
a desktop application with Electron - Egghead</a> 💲</li>
|
||
<li><a href="https://frontendmasters.com/courses/electron/">Build
|
||
Cross-Platform Desktop Apps with Electron - Frontend Masters</a> 💲</li>
|
||
<li><a href="https://www.youtube.com/watch?v=DDjVaHPvRdM">Electron
|
||
Meetup SF, November 2017</a> - Includes some good talks on improving app
|
||
startup time, debugging crashes, etc.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=fw4PmPaghyU">Make Your
|
||
Electron App Feel at Home Everywhere</a> - Tips on making your app feel
|
||
more native on macOS, Windows, and Linux without sacrificing your own
|
||
style.</li>
|
||
</ul>
|
||
<h2 id="podcasts">Podcasts</h2>
|
||
<ul>
|
||
<li><a
|
||
href="http://hanselminutes.com/534/creating-cross-platform-electron-apps-with-jessica-lord">Hanselminutes:
|
||
Creating cross-platform Electron apps with Jessica Lord</a></li>
|
||
<li><a href="https://changelog.com/podcast/216">The Changelog #216:
|
||
GitHub’s Electron with Zeke Sikelianos</a></li>
|
||
<li><a href="http://www.fullstackradio.com/48">Full Stack Radio #48:
|
||
Jessica Lord - Building Desktop Apps with Electron</a></li>
|
||
</ul>
|
||
<h2 id="community">Community</h2>
|
||
<ul>
|
||
<li><a href="https://www.reddit.com/r/electronjs">Reddit</a></li>
|
||
<li><a href="https://stackoverflow.com/questions/tagged/electron">Stack
|
||
Overflow</a></li>
|
||
<li><a href="https://twitter.com/electronjs"><code>@electronjs</code> on
|
||
Twitter</a></li>
|
||
<li><a href="https://electron-br.slack.com">electron-br</a>
|
||
<em>(Brazilian Portuguese)</em></li>
|
||
<li><a href="https://electronpl.github.io">electron-pl</a>
|
||
<em>(Polish)</em></li>
|
||
<li><a href="https://telegram.me/electron_ru"><code>@electron_ru</code>
|
||
on Telegram</a> <em>(Russian)</em></li>
|
||
<li><a
|
||
href="https://www.facebook.com/groups/electronjs/"><code>electronjs</code>
|
||
on Facebook</a></li>
|
||
<li><a
|
||
href="https://www.producthunt.com/@sindresorhus/collections/electron-apps">Product
|
||
Hunt</a></li>
|
||
</ul>
|
||
<h2 id="contribute">Contribute</h2>
|
||
<p>Contributions welcome! Read the <a
|
||
href="contributing.md">contribution guidelines</a> first.</p>
|
||
<h2 id="related">Related</h2>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/sindresorhus/awesome-nodejs">awesome-nodejs</a></li>
|
||
<li><a
|
||
href="https://github.com/doyensec/awesome-electronjs-hacking">awesome-electronjs-hacking</a></li>
|
||
</ul>
|
||
<p><a
|
||
href="https://github.com/sindresorhus/awesome-electron">electron.md
|
||
Github</a></p>
|