Vue 3 / Nuxt 3 的 UI 库选择器

选择合适的 UI 库并不容易！需要考虑很多因素。这个项目是一个简单的工具，可以概览不同的 UI 框架，帮助你选择合适的一个。

如何使用？

• 悬停在功能上可以了解详情，点击可以筛选实现该功能的库
• 对于任何库，你都可以查看可用组件的详细信息

贡献

如何贡献

非常欢迎贡献，特别是因为 UI 库随时间变化很大。以下是特别有用的贡献：

• 编辑现有内容（为现有 UI 添加新组件）
• 建议新的筛选条件
• 改进工具本身

这里没有数据库。要建议数据更新，只需更改 data/ 文件夹中的数据并提交 PR。

如何在自己的机器上设置项目

该项目本身是一个使用 Nuxt UI 和 Tailwind CSS 的 Nuxt 3 项目。

此仓库基于 Dev Container。如果你使用 VS Code，可以通过 IDE 中的 克隆仓库 命令在自己的机器上轻松运行这个项目。

安装完成后，运行 npm run dev 启动项目。

常见问题

为什么没有列出 X 库？

这个工具是为了帮助人们做出选择。相比精心筛选的列表，一个包含所有 UI 库的庞大列表可能适得其反，尽管我理解某些库未被列出可能让人感到不公平或沮丧。 此外，添加更多库会增加维护工作量，并增加信息过时的可能性。

以下是自动排除库的一些原因：

• 不支持最新的 Vue 或 Nuxt 版本
• 似乎没有维护（例如 iView）
• 看起来更像"进行中"而非最终作品
• 旨在模仿 Android / iOS UI（例如 Ionic Framework，Framework7）

以下是一些（可能主观的）可能排除库的原因：

• 不够流行，也没有带来任何新的或酷炫的东西（特定组件或功能，很高的质量，...）
• 大多数讨论（PR，问题）都是中文的

尽管如此，我愿意讨论和评估新的库，所以欢迎提交 PR。

为什么没有列出 X 组件？

• 太基础，不够相关（例如，加载旋转器）
• 是一个组组件（例如，按钮组）
• 仅限移动端（例如，下拉刷新）
• 以不同名称列出（库并不总是为相同组件使用完全相同的名称）
• 是一个"块"（不同 UI 组件的组合，如英雄区或导航栏）而非组件
• 是纯粹的实用工具，可以或应该存在于实用工具集合中，如 VueUse
• 是一个广泛的专用组件系列，单独存在更有意义（例如图表）

关于我

我是 David，35岁，住在巴黎，<b>可以被雇佣</b>。 访问我的网站了解更多关于我的信息，或联系我。

想要支持？

如果你想表示支持，可以给我买杯咖啡，我将非常感激。

免责声明

虽然我们已尽力确保所提供信息的准确性，但作者对任何错误或遗漏不承担责任。