Electron 应用程序的原生 UI 组件答案

【问题标题】：Native looking UI components for Electron applicationElectron 应用程序的原生 UI 组件
【发布时间】：2015-10-16 23:14:01
【问题描述】：

我将 Electron（以前称为 Atom Shell）用于桌面应用程序。使用起来非常有趣，事件驱动编程也有其优点。

我掌握了所有 HTML、CSS 和 JS 功能，因为它使用了最新的 Chromium 版本之一。我想使用看起来与原生元素相似的 UI 元素（在我的例子中来自 OS X）。

是否有一个 UI 库可以模仿本机 UI 元素的外观和功能或其他非常适合此类桌面应用程序的元素？

【问题讨论】：

【解决方案1】：

Photon 是一个最近的项目，但它可能是你想要的。目前，UI 仅类似于 OSX。

使用 Electron 构建桌面应用的 UI 工具包。

【讨论】：

这是暴露 SO 弱点的问题之一。提供的两个答案都很好且有效，但我只能将一个标记为正确的。我和肖恩一起去，因为他的速度有点快，我想鼓励他继续在这里回答。对不起Fab。
@Hedge - “要求我们推荐或查找书籍、工具、软件库、教程或其他场外资源的问题对于 Stack Overflow 来说是无关紧要的，因为它们往往会吸引固执己见的答案和垃圾邮件. 相反，请描述问题以及迄今为止为解决该问题所做的工作。”
不幸的是，Photon 的开发似乎在 2016 年落后于 2017 年的single lonely commit。

【解决方案2】：

另一个选项，虽然看起来很年轻，但是是React Desktop。目前它部分支持 OS X El Capitan 和 Windows 10，但希望可用组件的数量和支持的系统数量会增加。

创建此库的目的是为网络带来原生桌面体验。它与 node-webkit 或 Electron.js 等工具配合得非常好！

【讨论】：

【解决方案3】：

在网上搜索了一下后，我发现了一个名为 Maverix 的引导主题。我不认为它与 OSX 完美匹配，但它看起来非常接近。它在 MIT 下是开源的，所以你应该能够按照你的意愿弯曲它。在demo page 扫描之后，它甚至将 Electron (Atom-Shell) 称为一个很好的用例：

非常适合用于基于 HTML App 的应用程序容器如：MacGap Node-Webkit Github Atom Shell Adobe 括号壳

这似乎完全符合您的要求。

【讨论】：

【解决方案4】：

https://xel-toolkit.org

其他答案提供一帧和一些组件，Xel 提供更多组件。 Xel 基于 Web 组件构建，与框架无关。

【讨论】：