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

创建 Electron 应用的实用资源

Electron 是一个开源框架，使用 Web 技术创建桌面应用。它结合了 Chromium 渲染引擎和 Node.js 运行时。

---

_{看看我的 macOS 应用}

Text Lens
^{复制屏幕上无法选中的文本}

---

目录

• 应用
• 样板项目
• 工具
• 组件
• 文档
• 文章
• 书籍
• 视频
• 播客
• 社区
• 相关项目

应用

使用 Electron 构建。

开源

精选

• WebTorrent - 流媒体种子客户端
• Min - 极简网页浏览器
• Hyper - 终端
• Visual Studio Code - 跨平台 IDE

其他

• Git-it - 教你使用 Git 和 GitHub
• Caprine - 非官方 Facebook Messenger 应用
• Simplenote - 笔记应用
• Abricotine - 支持行内预览的 Markdown 编辑器
• Kap - 支持 GIF 的屏幕录制工具
• Medis - Redis 数据库管理
• SmartMirror - 语音控制的智能镜
• Beaker - 支持点对点 Web 协议的浏览器
• KeeWeb - 非官方 KeePass 应用
• Gitify - 在菜单栏查看 GitHub 通知
• SpaceRadar - 交互式磁盘空间和内存可视化
• Leanote - 云端记事本
• Loop Drop - 用于电子音乐现场演出的 MIDI 循环器和合成器
• Pomodoro - 基于番茄工作法的计时器
• Sia-UI - 基于加密货币技术的去中心化文件存储系统
• MarkRight - 支持实时预览的 GitHub 风格 Markdown 编辑器
• Sqlectron - SQL 客户端
• Light Table - 即时反馈的代码编辑器
• Google Play Music Desktop Player - 非官方 Google Play Music 应用
• Chrome DevTools - 打包为应用的 Chrome DevTools
• Proton - 支持实时预览的 Markdown 编辑器
• Hawkpass - 密码生成器
• Boostnote - 面向开发者的 Markdown 笔记和代码片段应用
• Before Dawn - 屏幕保护程序工具
• Catify - Spotify 实用工具
• Ansel - 图像整理工具
• Tockler - 跟踪时间
• Mattermost - Mattermost 客户端
• Crypter - 安全加密客户端
• YakYak - 非官方 Google Hangouts 应用
• Museeks - 音乐播放器
• Sabaki - 围棋棋盘
• Wire - 即时通讯和通话应用
• Extraterm - 终端
• Stacer - Ubuntu 系统优化工具
• Inpad - 支持 GitHub 风格 Markdown 的笔记应用
• Cerebro - 带行内预览的启动器
• LosslessCut - 无损视频修剪和剪切
• Buka - 电子书管理
• Insomnia - 创建和管理 HTTP 请求
• Tusk - 非官方 Evernote 应用
• Buttercup Desktop - 密码管理器
• Mailspring - 可扩展的电子邮件客户端。（Nylas Mail 的分支）
• Headset - 发现、收藏并收听来自 YouTube 的音乐
• Nuclear - 从免费来源流媒体播放音乐的播放器
• Mark Text - 实时预览 Markdown 编辑器
• Pomotroid - 番茄钟计时器
• Netron - 深度学习和机器学习模型可视化工具
• Etcher - 将操作系统映像写入 SD 卡和 USB 驱动器
• Notable - 基于 Markdown 的笔记
• Unsplash Wallpapers - 将 Unsplash 图片设为桌面壁纸
• Motrix - 下载管理器
• Franz - 在同一应用中使用 Skype、Slack、Hangouts、WhatsApp、Grape、Telegram、FB Messenger 和 Hipchat
• Gmail Desktop - 非官方 Gmail 应用
• Upcount - 开具发票
• ExifCleaner - 通过拖放清理图像元数据
• massCode - 面向开发者的代码片段管理器
• Swifty - 密码管理器
• MQTTX - MQTT 客户端（一种轻量级消息传递协议）
• LightProxy - Web 调试代理
• Beekeeper Studio - 跨平台 SQL 编辑器和数据库管理器
• Mouseless - 键盘快捷键练习和查询
• Glyphfinder - Unicode 字符搜索
• Graviton Editor - 跨平台代码编辑器
• Yana - 笔记本应用，支持富文本笔记、嵌套整理和全局搜索
• SpaceEye - 实时卫星图像桌面背景
• Heroic Games Launcher - Epic Games 启动器的替代品
• VIR - 带自动规划的智能时间管理器
• Browserosaurus - macOS 浏览器选择提示工具
• linked - 每日记事
• shadowsocks-electron - 跨平台 Shadowsocks 客户端
• Sigma File Manager - 现代文件管理器
• Ostara - 通过 Actuator 监控并操作 Spring Boot 应用
• PikaTorrent - BitTorrent 客户端
• Wave Terminal - 集成 AI 的开源终端
• Signal Desktop - Signal 移动应用的桌面配套应用

闭源

精选

• Rosefinch - 存储并运行 SQL 查询
• Nota - 专为本地 Markdown 文件打造的专业写作应用

其他

• GitKraken - Git 客户端
• 1Clipboard - 通用剪贴板管理器
• Postman - 创建并发送 HTTP 请求
• Slack - 桌面版
• Avocode - 分享设计并协作
• Prepros - 编译几乎所有预处理语言，并实时刷新浏览器
• Stremio - 媒体中心
• Typetalk - 通过即时消息与团队分享和讨论想法
• Pingendo - Bootstrap 原型设计
• Spreaker Studio - 音频录制和广播
• MockingBot - 应用设计原型工具
• Caret - Markdown 编辑器
• Remember - 名片管理。（韩语）*
• MongoDB Compass - MongoDB 官方应用
• Freeter - 面向自由职业者和创意人士的管理工具
• WhatsApp - WhatsApp 官方应用
• CatLight - 构建状态通知工具
• Discord - 语音和文字聊天
• Cocos Creator - 用于为 Cocos2D-x 创建 Web 和原生游戏的游戏编辑器
• Inkdrop - 面向黑客的 Markdown 笔记本
• Exodus - 安全地管理和交易 Bitcoin、Ethereum 等区块链资产
• Hackolade - NoSQL 和多模型数据库的数据建模
• CashNotify - 从菜单栏监控 Stripe 账户
• Mockoon - 几秒钟内创建模拟服务器
• Twitch - Twitch 官方应用
• Fenêtre - Mac 画中画
• Cleavr - 配置服务器并部署 Web 应用
• Brandy - 菜单栏品牌素材管理器
• Cacher - 基于云端、支持团队协作并可同步 Gist 的代码片段管理器
• MusicPlus - 适用于 macOS 和 Windows 的免费音乐应用
• Mingo - MongoDB 图形界面
• Moon Modeler - MongoDB、Mongoose 和 MariaDB 的架构设计工具
• Notion - 集笔记、任务、Wiki 和数据库于一体的工作空间
• FATpick - 跟随演奏时为表现打分的吉他谱查看器
• Taskade - 面向分布式团队的实时组织和协作工具，支持任务、笔记和聊天
• Coloban - 集聊天、看板、甘特图、通话、屏幕共享等功能于一体的项目管理工具
• Dynobase - AWS DynamoDB 图形界面
• Lotus - 轻松跟进 GitHub 通知
• RunJS - JavaScript 和 TypeScript 试验场
• OpenSFTP - 集成 SSH 和 SFTP 的工作区客户端
• Obsidian - 可扩展的 Markdown 笔记与知识管理

示例

• Electron API usage - 演示 Electron API 用法的示例应用
• Screen Recorder - WebRTC 屏幕录制工具
• Activity Monitor - 以环形图显示 CPU 的系统、用户和空闲活动时间
• Hash - 使用不同算法显示输入文本的哈希值
• Prices - 通过 Yahoo Finance API 显示石油、黄金和白银的当前价格

样板项目

• electron-boilerplate - 快速启动应用开发的样板项目——作者：sindresorhus。
• generator-electron - 生成应用样板项目
• electron-boilerplate - 功能全面的样板项目，甚至可生成安装程序——作者：szwacz。
• electron-react-boilerplate - 基于 React 和 webpack 的样板项目
• electron-quick-start - 克隆此仓库以尝试一个简单应用
• bozon - 为应用生成框架、运行、测试并打包
• secure-electron-template - 以安全为重点，使用 React、Redux、Webpack 和 i18next 创建应用的样板项目
• angular-electron - 使用 Angular、Electron、TypeScript、SASS 和热重载快速搭建项目
• vite-electron-builder - 基于 Vite 的安全 Electron 应用样板项目。TypeScript + Vue/React/Angular/Svelte/原生 JavaScript。

工具

Electron 专用

• electron-builder - 创建安装程序
• electron-packager - 打包并分发应用
• electron-debug - 添加实用的调试功能
• electron-is-dev - 检查 Electron 是否在开发模式下运行
• electron-localshortcut - 为窗口添加本地键盘快捷键
• fix-path - 从 GUI 应用运行时修复 macOS 上的 $PATH。创建子进程时很有用。
• electron-dl - 简化文件下载
• electron-release-server - 支持前端和自动更新的自托管发行服务器
• electron-rebuild - 针对当前安装的 Electron 版本重新构建原生 Node.js 模块
• debug-menu - 类似 Chrome 的“检查元素”上下文菜单
• electron-installer-debian - 创建 Debian 软件包
• electron-installer-redhat - 创建 Red Hat 软件包
• electron-installer-windows - 创建 Windows 软件包
• electron-download - 从 GitHub 下载 Electron 发行版压缩包
• electron-osx-sign - macOS 应用代码签名
• ember-electron - 构建、测试并打包 Ember 应用
• electron-store - 保存和加载用户偏好、应用状态、缓存等数据
• electron-context-menu - 可扩展的上下文菜单
• NeDB - 嵌入式持久化或内存数据库
• RxDB - 实时 NoSQL 数据库
• electron-devtools-installer - 从 Chrome 网上应用店安装 DevTools 扩展
• electron-log - 简单日志记录
• electron-about-window - “关于此应用”窗口
• elemon - 开发时实时重新加载应用
• electron-is-accelerator - 检查字符串是否为有效的快捷键
• electron-pdf-window - 在浏览器窗口中查看 PDF 文件
• got - 简化 HTTP 请求
• electron-unhandled - 捕获未处理的错误和 Promise 拒绝
• electron-util - 用于开发应用和模块的实用工具
• electron-reloader - 开发期间简单自动重新加载
• electron-serve - 静态文件服务（适用于 react-router 等路由场景）
• electron-timber - 見やすいロガー
• chromium-net-errors - Chromium 网络错误的自定义错误类
• run-electron - 运行 Electron 时不显示终端中的杂乱输出
• debugtron - 调试已发布的 Electron 应用
• electron-better-ipc - 简化 IPC 通信
• electron-chrome-extension - 添加 Chrome 扩展支持
• trilogy - 支持原生 C++ 和纯 JavaScript 后端的 TypeScript SQLite 数据库层
• adblocker-electron - 拦截广告和跟踪器
• electronmon - 开发期间在进程外监控并重新加载应用
• electronegativity - 识别配置错误和安全反模式
• UpdateRocks! - 自动更新服务。开源项目免费
• electron-vite - 与 Vite 集成的快速易用构建工具
• pluggable-electron - 构建可通过插件扩展的应用
• Hydraulic Conveyor - 无需专用更新服务器、多平台 CI 或代码更改即可部署应用的 CLI 工具
• Aptabase - 应用分析工具。开源、注重隐私且简单易用
• electron-webauthn-mac - 通过 Apple 的 AuthenticationServices 框架为 macOS 应用提供原生 WebAuthn/Passkey 支持

使用 Electron

• nativefier - 将任意网站创建为应用
• electron-stream - 流式封装器
• electron-pdf - 在命令行中从 URL、HTML 或 Markdown 文件生成 PDF
• electron-mocha - 在 Electron 中运行 Mocha 测试
• Reactotron - 检查 React 和 React Native 应用
• jest-electron - 在浏览器环境中运行和调试 Jest 单元测试

组件

• menubar - 菜单栏应用框架
• React Desktop - 使用 React 构建的 macOS 和 Windows UI 工具包
• chrome-tabs - 类似 Chrome 的标签页
• Xel - 用于构建原生风格应用的组件工具包

文档

• Quick Start
• Official docs
• Essential Electron - 简明概览

文章

• 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 - 新的 Electron API，可嵌入 Web 应用并减少错误、提升性能
• Migrating Slack’s Desktop App to BrowserView - 为解决性能问题，Slack 使用 BrowserView、Redux、Rx 和 TypeScript 重写了 Electron 应用
• Electron on the App Store - 分五部分介绍制作 Electron 应用并发布到 Mac App Store 的历程
• Building a file explorer with Electron, Quasar, and Vue - 重点介绍设计与代码决策以及 Electron 安全
• Using Google Analytics to gather usage statistics in Electron - 如何收集匿名用户统计数据
• Notarizing your Electron app - 如何配置应用打包以通过 Apple 公证
• Making Electron apps feel native on Mac

书籍

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

视频

• 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 - アプリの起動時間改善やクラッシュのデバッグなどに関する有益な講演を収録
• Make Your Electron App Feel at Home Everywhere - 在不牺牲自身风格的前提下，让应用在 macOS、Windows 和 Linux 上更具原生体验的技巧

播客

• 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

社区

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

参与贡献

欢迎贡献！请先阅读贡献指南。

相关项目

• awesome-nodejs
• awesome-electronjs-hacking