Useful resources for creating apps with π Electron
Electron is an open-source framework for creating desktop apps using web technologies. It combines the Chromium rendering engine and the Node.js runtime.
My open source work is supported by the community
Special thanks to:
Stop struggling with scattered API keys, hacking together home-brewed tools,
and avoiding access controls. Keep your team and servers in sync with Doppler.
and avoiding access controls. Keep your team and servers in sync with Doppler.
Itβs 100% JavaScript, fully customizable, and developer-first.
Contents
Apps
Made with Electron.
Open Source
Featured
6468β
545π΄
Beaker - Browser with peer-to-peer web protocols.37932β
3160π΄
Hyper - Terminal.8706β
991π΄
WebTorrent - Streaming torrent client.14871β
738π΄
Kap - Screen recorder with GIF support.4706β
468π΄
Min - Minimal web browser.1174β
77π΄
SpaceRadar - Interactive disk space and memory visualization.56855β
16891π΄
Atom - Code editor.128052β
21653π΄
Visual Studio Code - Cross-platform IDE.2489β
355π΄
Wexond - Web browser with material UI and extensions API.
Other
3967β
1079π΄
Git-it - Teaches you Git and GitHub.6249β
550π΄
Caprine - Unofficial Facebook Messenger app.3897β
510π΄
Simplenote - Note keeper.230β
38π΄
nuTorrent - BitTorrent client.2355β
167π΄
Abricotine - Markdown editor with inline preview.10651β
798π΄
Medis - Redis database management.389β
34π΄
Kakapo - Ambient sound mixer for relaxation or productivity.2674β
712π΄
SmartMirror - Voice controlled smart mirror.311β
27π΄
Koko - IRC client.10726β
953π΄
KeeWeb - Unofficial KeePass app.3642β
235π΄
Gitify - GitHub notifications in your menubar.3158β
379π΄
Friends - P2P chat.1347β
131π΄
Cumulus - SoundCloud player in your menubar.12257β
1522π΄
Kitematic - Docker container management.163β
24π΄
FatFileFinder - Find large files on your machine.2971β
374π΄
ScreenCat - Screen sharing & remote collaboration.1131β
233π΄
Mapbox Studio - Map designer.704β
93π΄
LevelUI - LevelDB management.1141β
114π΄
Vmd - Preview Markdown files.83β
7π΄
Kyoku - Displays current iTunes song.101β
9π΄
GReader - Collect and read offline readme files of GitHub repos.1481β
585π΄
Leanote - Cloud notepad.102β
16π΄
Snapper - Screen capturing & recording for Android devices.825β
51π΄
Imagemin - Minify images.43β
5π΄
We Build SG - Upcoming events & recently updated repos from webuild.sg.69β
2π΄
Piglet - Run Grunt tasks from your menubar.411β
61π΄
Yoda - Browse and download YouTube videos.810β
89π΄
Loop Drop - MIDI looper and synth for live electronic music performances.136β
17π΄
Toby - YouTube player.1055β
110π΄
Kaku - Music player.136β
6π΄
Markn - Markdown viewer.709β
44π΄
Shiba - Live Markdown preview with linting.70β
7π΄
Yays - YouTube music player in your menubar.1122β
79π΄
Monu - Process monitoring.3062β
197π΄
DevDocs - Unofficial DevDocs.io app.265β
42π΄
google-music-electron - Unofficial Google music app.214β
40π΄
Pomodoro - Timer based on the Pomodoro Technique.- π Sia-UI - Decentralized file storage system based on cryptocurrency technology.
904β
58π΄
MarkRight - GitHub flavored Markdown editor with live preview.2679β
230π΄
Mongotron - MongoDB management tool.141β
17π΄
Colonizers - "Catan" inspired board game.66β
5π΄
Eintopf - Manage development projects with Docker.263β
39π΄
WhatsDesktop - Unofficial WhatsApp app.3896β
446π΄
Sqlectron - SQL client.44β
6π΄
docker-indicator - Unofficial Docker menubar app.11680β
941π΄
Light Table - Code editor with instant feedback.29β
3π΄
Tubehead - YouTube music player in your menubar.8444β
831π΄
Google Play Music Desktop Player - Unofficial Google Play Music app.1560β
105π΄
Chrome DevTools - Chrome DevTools packaged as an app.?β
?π΄
Yeobara - Meetup check-in with beacon.144β
18π΄
Proton - Markdown editor with live preview.1351β
136π΄
James - HTTP proxy to view and intercept browser requests.46β
10π΄
DTCP - Twitter client.270β
35π΄
Inbox - Unofficial Google Inbox app.15β
1π΄
tweet-rec - Tweet recording player.110β
10π΄
Snippet Bar - Copy-paste & re-use text snippets in your menubar.13876β
2816π΄
Electronic WeChat - Unofficial WeChat app.42β
6π΄
dida - Add tasks to TickTick (ζ»΄ηζΈ ε).652β
67π΄
FromScratch - Autosaving scratchpad.48β
13π΄
Hawkpass - Password generator.508β
61π΄
Gokotta - Music player.30β
1π΄
Shake - Japanese Earthquake Early Warning Notifier.241β
21π΄
Fog - Unofficial Overcast podcast app.2093β
137π΄
Wmail - Unofficial Gmail & Google Inbox app.17350β
1569π΄
Boostnote - Markdown note & code snippet app for developers.153β
17π΄
Before Dawn - Screensaver tool.39β
13π΄
Active Collab - Unofficial Active Collab app.3172β
180π΄
Hain - Launcher for Windows.61β
5π΄
Catify - Utility for Spotify.93β
10π΄
Minira - JIRA issues in your menubar.315β
95π΄
Ansel - Image organizer.51β
6π΄
Build Checker App - Check CI-server build statuses.487β
69π΄
Tockler - Tracks your time.1562β
624π΄
Mattermost - Mattermost client.338β
56π΄
PupaFM - DoubanFM music player.214β
24π΄
MediumDesk - Unofficial Medium app.973β
95π΄
Lightgallery - Image viewer.419β
70π΄
Crypter - Secure encryption client.3865β
353π΄
YakYak - Unofficial Google Hangouts app.1163β
180π΄
Museeks - Music player.172β
26π΄
VOX - Unofficial VOX music player.1806β
332π΄
Sabaki - Go/Baduk/Weiqi board.357β
47π΄
Marky - Markdown editor.5860β
344π΄
Deco - React Native IDE.176β
12π΄
Toshocat - Anime/Manga Progress Tracker.179β
26π΄
iStats - CPU and memory stats on your menubar.1006β
235π΄
Wire - Messenger and calling app.3304β
442π΄
Ramme - Unofficial Instagram app.82β
12π΄
Moonview - Ambient notepad.1256β
74π΄
DBGlass - PostgreSQL client.133β
16π΄
Slide Beacon - Physical web beacon broadcast.6251β
797π΄
Rambox - Chat and email app that combines multiple services like Discord, Hangouts, Gmail and Outlook.1965β
100π΄
Extraterm - Terminal.1049β
67π΄
Materialette - Material design color palette in your menubar.718β
65π΄
Dext - Launcher.472β
38π΄
PB for Desktop - Pushbullet client.81β
12π΄
GroupMe - Unofficial GroupMe app.1924β
113π΄
ndm - npm desktop manager.66β
12π΄
GIFBar - Search GIFs in your menubar.7525β
530π΄
Stacer - Ubuntu system optimizer.2066β
176π΄
Zazu - Launcher.2818β
297π΄
Inpad - Notes app with GitHub-flavored Markdown.7245β
475π΄
Cerebro - Launcher with inline previews.323β
31π΄
Desktop Dimmer - Control the brightness of any display.9362β
594π΄
LosslessCut - Lossless video trimming & cutting.955β
115π΄
Buka - E-book management.19769β
1200π΄
Insomnia - Create and manage HTTP requests.3087β
244π΄
Tusk - Unofficial Evernote app.552β
55π΄
ProtonMail Desktop - Unofficial ProtonMail app.270β
27π΄
Comma Chameleon - CSV editor.3765β
303π΄
Buttercup Desktop - Password manager.12263β
795π΄
Mailspring - Extensible email client. (Fork of Nylas Mail)5176β
425π΄
Manta - Invoicing for freelancers with beautiful and customizable templates.759β
83π΄
Headset - Discover, collect, and listen to music from YouTube.8289β
788π΄
Nuclear - Music player that streams from free sources.277β
39π΄
FreeMAN - File manager for power users.29437β
2133π΄
Mark Text - Real-time preview Markdown editor.2191β
216π΄
Pomotroid - Pomodoro timer.416β
45π΄
Pretzel - Show and search keyboard shortcuts for the current app.17797β
2052π΄
Netron - Visualizer for deep learning and machine learning models.1957β
181π΄
Ao - Unofficial Microsoft To-Do app.22351β
1605π΄
Etcher - Flash OS images to SD cards and USB drives.333β
29π΄
Noty - Auto-saving sticky note with support for multiple notes in a single window.19232β
967π΄
Notable - Markdown-based note-taking.891β
182π΄
Mini Diary - Simple and secure journal app.226β
28π΄
Unsplash Wallpapers - Set desktop wallpaper from Unsplash.30225β
3606π΄
Motrix - Download manager.4117β
558π΄
Franz - Skype, Slack, Hangouts, WhatsApp, Grape, Telegram, FB Messenger, Hipchat in the same app.492β
58π΄
Gmail Desktop - Unofficial Gmail app.290β
60π΄
Upcount - Invoicing.680β
59π΄
ExifCleaner - Clean image metadata with drag and drop.1935β
136π΄
massCode - Code snippet manager for developers.664β
62π΄
Swifty - Password manager.1602β
227π΄
MQTTX - Client for MQTT, which is a lightweight messaging protocol.2490β
181π΄
LightProxy - Web debugging proxy.8749β
409π΄
Beekeeper Studio - Cross-platform SQL editor and database manager.78β
13π΄
Mouseless - Keyboard shortcut training and look-up.98β
10π΄
Glyphfinder - Unicode character search.729β
109π΄
Graviton Editor - Cross-platform code editor.157β
26π΄
Yana - Notebook app with rich-text notes, nested note organization and global search.238β
21π΄
SpaceEye - Live satellite imagery for your desktop background.2401β
163π΄
Heroic Games Launcher - Alternative Epic games launcher.97β
5π΄
VIR - Intelligent time manager with automatic planning.778β
85π΄
Browserosaurus - Browser prompter for macOS.299β
26π΄
linked - Daily journal.
Closed Source
- π GitKraken - Git client.
- π 1Clipboard - Universal clipboard manager.
- π Postman - Create and send HTTP requests.
- π Slack - Desktop version.
- π Avocode - Share design and collaborate.
- π Prepros - Compile almost any preprocessing language with live browser refresh.
- π Stremio - Media center.
- π Typetalk - Share and discuss ideas with your team through instant messaging.
- π Pingendo - Bootstrap prototyping.
- π Spreaker Studio - Audio recording and broadcasting.
- π MockingBot - Prototyping tool for designing apps.
- π Caret - Markdown editor.
- π Wantedly Chat - Business team chat. (Japanese)
- π Remember - Business card management. (Korean)
- π MongoDB Compass - Official MongoDB app.
- π Freeter - Organizer for freelancers & creatives.
- π WhatsApp - Official WhatsApp app.
- π CatLight - Build status notifier.
- π Automint - CRM for automobile businesses.
- π Discord - Voice and text chat.
- π Cocos Creator - Game editor for creating web and native games for Cocos2D-x.
- π Inkdrop - Markdown notebook for hackers.
- π Exodus - Secure, manage, and exchange blockchain assets like Bitcoin and Ethereum.
- π Hackolade - Data modeling for NoSQL and multi-model databases.
- π ScreenSquid - Record and playback website visitor sessions.
- π CashNotify - Monitor your Stripe accounts from your menu bar.
- π Mockoon - Mock servers in seconds.
- π Twitch - Official Twitch app.
- π FenΓͺtre - Picture-in-picture for your Mac.
- π Cleavr - Provision servers and deploy web apps.
- π Brandy - A brand asset manager for your menu bar.
- π Cacher - Cloud-based, team-enabled 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 your notes, tasks, wikis, and databases.
- π FATpick - Guitar tablature viewer that scores your performance as you play along.
- π Taskade - Realtime organization and collaboration tool for distributed teams with tasks, notes, and chat.
- π Coloban - All-in-one project management tool with chats, Kanban, Gantt, calls, screenshare, and more.
- π Dynobase - AWS DynamoDB GUI.
- π Nota - Pro writing app designed for local Markdown files.
- π Lotus - Keep up with GitHub notifications without stress.
Samples
3641β
927π΄
Electron API usage - Sample apps illustrating usage of Electron APIs.374β
98π΄
Screen Recorder - WebRTC screen recorder.- π Activity Monitor - Shows a doughnut chart of the 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.
47β
7π΄
Touch Bar API - Example of macOS Touch Bar integration.
Boilerplates
1576β
183π΄
electron-boilerplate - Boilerplate to kickstart creating an app - by π sindresorhus.692β
63π΄
generator-electron - Scaffold out an app boilerplate.3090β
503π΄
electron-boilerplate - Comprehensive boilerplate which even generates installers - by?β
?π΄
szwacz.19080β
3203π΄
electron-react-boilerplate - Boilerplate based on React and webpack.9444β
4588π΄
electron-quick-start - Clone the repo to try a simple app.733β
50π΄
bozon - Scaffold, run, test, and package your app.1084β
91π΄
secure-electron-template - Security-focused boilerplate for creating apps with React, Redux, Webpack, and i18next.4997β
1276π΄
angular-electron - Fast bootstrapping with Angular, Electron, TypeScript, SASS, and Hot Reload.954β
118π΄
vite-electron-builder - Secure boilerplate for Electron app based on Vite. TypeScript + Vue/React/Angular/Svelte/Vanilla.
Tools
For Electron
11809β
1494π΄
electron-builder - Create installers.1728β
122π΄
devtron - Official DevTools extension.7913β
771π΄
electron-packager - Package and distribute your app.702β
56π΄
electron-debug - Adds useful debug features.392β
40π΄
electron-is-dev - Check if Electron is running in development.380β
42π΄
electron-localshortcut - Add keyboard shortcuts locally to a window.227β
22π΄
electron-gh-release - Auto-update by releasing on GitHub.69β
9π΄
electron-release - Publish a new release of your app to GitHub.219β
22π΄
electron-updater - Auto-updater leveraging npm to deploy updates.234β
22π΄
fix-path - Fix the $PATH on macOS when run from a GUI app. Useful when spawning a child process.823β
98π΄
auto-launch - Launch apps at system startup.1139β
288π΄
nuts - Releases server with auto-updater and GitHub as a backend.904β
126π΄
electron-dl - Simplified file downloads.1631β
448π΄
electron-release-server - Self-hosted release server with front-end & auto-updater support.855β
160π΄
electron-rebuild - Rebuild native Node.js modules against the currently installed Electron version.1009β
114π΄
electron-compile - Use ES2015, CoffeeScript, Less, Stylus in your app without a precompilation step.230β
23π΄
electron-positioner - Position windows at common spots.575β
69π΄
electron-window-state - Persist window sizes and positions.304β
39π΄
electron-drag - Improved window dragging.128β
12π΄
debug-menu - Chrome-like "inspect element" context-menu.320β
65π΄
electron-installer-debian - Create a Debian package.70β
43π΄
electron-installer-redhat - Create a Red Hat package.431β
51π΄
electron-installer-windows - Create a Windows package.348β
60π΄
electron-sudo - Subprocesses with administrative privileges.1309β
88π΄
electron-json-storage - Write and read user settings.270β
91π΄
electron-download - Download the Electron release zip from GitHub.147β
14π΄
ipc-stream - Duplex stream over IPC.78β
12π΄
is-electron-renderer - Check if your code is running inmain
orrenderer
.433β
81π΄
electron-osx-sign - Code-signing for macOS apps.58β
8π΄
electron-detach - Restart an Electron app as a detached process.796β
112π΄
ember-electron - Build, test, and package Ember apps.247β
48π΄
electrify - Package Meteor apps.1663β
264π΄
spectron - Test Electron apps using ChromeDriver.45β
8π΄
babel-preset-electron - Babel preset that only compiles what's necessary for a particular Electron version.216β
11π΄
electron-is - Utility functions.169β
14π΄
electron-osx-appearance - Simplified API for accessing macOS's appearance settings.3409β
123π΄
electron-store - Save and load data like user preferences, app state, cache, etc.1104β
136π΄
electron-context-menu - Extensible context menu.26β
5π΄
electron-require - Simplified require.12986β
978π΄
NeDB - Embedded persistent or in-memory database.17070β
828π΄
RxDB - A realtime NoSQL database.889β
127π΄
electron-devtools-installer - Install DevTools extensions from the Chrome Web Store.918β
121π΄
electron-log - Simple logging.692β
95π΄
electron-redux - Synchronize Redux state across windows.592β
53π΄
electron-vibrancy - Add vibrancy (blur) to windows.377β
41π΄
electron-about-window - 'About This App' window.69β
4π΄
elemon - Live-reload your app during development.17β
4π΄
electron-is-accelerator - Check if a string is a valid accelerator.257β
90π΄
electron-pdf-window - View PDF files in browser windows.123β
8π΄
electron-router - Router tidying up IPC message passing.719β
57π΄
electron-settings - Reads and writes user settings to disk.10988β
724π΄
got - Simplified HTTP requests.374β
29π΄
electron-unhandled - Catch unhandled errors and promise rejections.174β
32π΄
electron-process-manager - Process manager UI (like Chrome's task manager).1095β
78π΄
electron-util - Useful utilities for developing apps and modules.523β
32π΄
electron-reloader - Simple auto-reloading during development.353β
32π΄
electron-serve - Static file serving (Useful for routing, likereact-router
).359β
13π΄
electron-timber - Pretty logger.18β
4π΄
chromium-net-errors - Chromium's network errors as custom error classes.194β
7π΄
run-electron - Run Electron without all the junk terminal output.?β
?π΄
ngx-electron - Integrate Electron APIs and Angular.696β
58π΄
debugtron - Debug in-production Electron-based apps.49β
10π΄
electron-ssl-pinning - Prevent MITM.579β
54π΄
electron-better-ipc - Simplified IPC communication.103β
27π΄
electron-chrome-extension - Add support for Chrome extensions.30β
8π΄
electron-ipc-proxy - Transparent asynchronous remoting between browser windows and the main process.225β
24π΄
trilogy - TypeScript SQLite database layer with support for both native C++ and pure JavaScript backends.469β
65π΄
adblocker-electron - Block ads and trackers.41β
4π΄
electronmon - Monitor and reload apps out-of-process during development.34β
2π΄
electron-create-menu - Default menus for all platforms, easily extendable, and with i18n support.715β
53π΄
electronegativity - Identify misconfigurations and security anti-patterns.- π UpdateRocks! - Auto-update service. Free for open source projects.
Using Electron
3795β
181π΄
devtool - Debug Node.js with Chrome DevTools.29915β
1917π΄
nativefier - Create an app of any website.117β
18π΄
electron-stream - Streaming wrapper.- π Nightmare - High-level browser automation library (alternative to PhantomJS).
1126β
135π΄
electron-pdf - Generate PDF from URL, HTML, or Markdown files on the command-line.326β
29π΄
Geojsonapp - Preview GeoJSON locally.339β
65π΄
electron-mocha - Run Mocha tests in Electron.43β
12π΄
electron-har - Command-line tool for generating HTTP Archive (HAR).623β
75π΄
electron-windows-store - Turn Electron apps into Windows Store AppX packages.13446β
863π΄
Reactotron - Inspect your React and React Native apps.132β
20π΄
jest-electron - Run and debug Jest unit tests in a browser environment.
Components
- π Photon - UI toolkit for building beautiful apps.
403β
48π΄
React PhotonKit - Photon components built with React.6157β
373π΄
menubar - Menubar app framework.126β
24π΄
cookies - Adds support fordocument.cookie
.287β
35π΄
window - Create and manage windows.9290β
490π΄
React Desktop - UI toolkit for macOS and Windows built with React.101β
14π΄
electron-input-menu - Context menu for input elements.1490β
206π΄
chrome-tabs - Chrome like tabs.480β
38π΄
titlebar - Emulate the macOS window titlebar.111β
14π΄
Brightwheel - Build and manage UI components with Photon and Etch.- π Xel - Widget toolkit for building native-like apps.
Documentation
- π Quick Start
- π Official docs
- π Essential Electron - Concise overview.
Articles
- π 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 - New Electron API to embed web apps with fewer bugs and improved performance.
- π Migrating Slack's Desktop App to BrowserView - Slack rewrote their Electron app with
BrowserView
, Redux, Rx, and TypeScript, to fix its performance problems. - π Electron on the App Store - A 5-part series about the journey of making and publishing an Electron app to the Mac App Store.
- π Building a file explorer with Electron, Quasar, and Vue - Focused on design and code decisions and Electron security.
- π Using Google Analytics to gather usage statistics in Electron - How to collect anonymous user statistics.
- π Notarizing your Electron app - How to configure your app packaging for Apple's notarization.
- π Making Electron apps feel native on Mac
Books
- π 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 π²
- π Automatically Build and Publish Node and Electron Applications for Linux
- π Build a desktop application with Electron - Egghead π²
- π Build Cross-Platform Desktop Apps with Electron - Frontend Masters π²
- π Electron Meetup SF, November 2017 - Includes some good talks on improving app startup time, debugging crashes, etc.
- π Make Your Electron App Feel at Home Everywhere - Tips on making your app feel more native on macOS, Windows, and Linux without sacrificing your own style.
Podcasts
- π JavaScript Jabber: Electron with Jessica Lord and Amy Palamountain
- π Hanselminutes: Creating cross-platform Electron apps with Jessica Lord
- π JavaScript Air: Electron Apps with @jlord and @emorikawa
- π The Changelog #216: GitHub's Electron with Zeke Sikelianos
- π Full Stack Radio #48: Jessica Lord - Building Desktop Apps with Electron
Community
- π Discuss
- π Reddit
- π Stack Overflow
- π
@electronjs
on Twitter - π
#atom-shell
on Freenode - π
#electron
on Atom Slack - π electron-jp (Japanese)
- π electron-br (Brazilian Portuguese)
- π electron-pl (Polish)
- π
@electron_ru
on Telegram (Russian) - π
electronjs
on Facebook - π Product Hunt
Contribute
Contributions welcome! Read the π contribution guidelines first.
Related
43874β
5297π΄
awesome-nodejs322β
37π΄
awesome-electronjs-hacking