UILibHub

什么是 UILibHub？

UILibHub 专注收集和分享 React、Vue 和小程序组件库的优质资源。UILibHub 提供最新、最全面的组件库推荐，助力开发者高效构建现代化应用。网站基于 David Dahan 的开源项目 UI Libs 开发，特此致谢。主要对 UI Libs 进行如下改造：

功能增强

扩展库收录范围：新增 React、移动端、小程序相关 UI 库，目前共收录 30+ 优质 UI 库。
多语言支持：目前支持中英双语，未来计划支持更多语言。
删除可用组件统计面板。原因有两个：
实际开发中，挑选组件更好是基于筛选项进行考虑，比如主题是否好看、是否提供表单支持、是否支持移动端等，而不是拘泥于某个组件 A 组件库有而 B 组件库没有。
可用组件统计面板数据不好维护。
分页功能：提高大量数据的浏览体验。
详情页改进：新增组件库详情页，包括功能介绍、组件预览、相关链接等。

按主要功能筛选

按主要功能筛选组件，提供以下筛选项：

React：React 可使用的组件库。
Vue：Vue 可使用的组件库。
Mini Program 小程序：小程序组件库。
Mobile 移动端：移动端支持友好的组件库。
Tailwind CSS：库使用 Tailwind CSS 编写，且可以使用 Tailwind CSS 自定义组件。
Styled 样式化：样式化组件（Styled components）带有固定的样式。通常你可以通过覆盖这些样式来自定义它们。
Unstyled 无样式：无样式组件（Unstyled components）没有任何样式，你需要自己编写样式。
Imported 导入：你需要安装依赖来导入组件（代码在 node_modules）。可以获得随时更新库的便利，但由于代码不是你自己的，所以无法修改组件代码。
Pasted 拷贝使用：不依赖任何外部库（代码不在 node_modules），需要将组件代码复制粘贴到的项目中。粘贴代码后，它就是你的了，你可以随意自定义。但是你无法通过 NPM 更新。
Components 组件：提供组件处理逻辑和样式（如果是无样式组件则只处理逻辑），但它与 Vue/React 框架耦合。
CSS only 仅 CSS：只提供 CSS 类注入到你自己的组件中。UI 库不提供任何逻辑，但这个库可以与任何框架一起使用。
Free 免费：该 UI 库对于所有组件完全免费。

按其他功能筛选

按其他次要功能筛选组件，提供以下筛选项：

Fully Accessible 无障碍设计：所有组件都考虑了完全无障碍。
Built-in Themes 内置主题：提供不同的可直接使用的主题。
Theme Generator 主题生成器：提供一个工具，帮助开发者以简单的方式生成新主题。
Dark Mode 暗黑模式：组件设计支持明亮和暗黑两种版本。
Semantic Colors 语义颜色：颜色与特定的含义相关联，如「primary」、「secondary」等。
Figma files Figma 文件：Figma 是领先的设计工具。Figma 文件包含与 UI 库相同的组件，即使设计师无需编码技能也可以创建设计。
Official 官方：由负责管理框架本身的团队制作。
Public Roadmap 公开路线图：提供公开的路线图（Roadmap），帮助你查看库的下一个功能。
RTL support RTL 支持：支持从右到左显示文本（阿拉伯语、希伯来语等）。
Fully Typed 完全类型化：提供的组件都经过类型化，可以帮助开发人员实现自动补全并避免潜在错误。
Form Helpers 表单助手：提供工具或示例，用于与表单管理库（Vee-Validate、Zod、Yup 等）集成。

按数量筛选

按组件数量、GitHub 星数、NPM 周下载量筛选组件。

技术栈

Nuxt3：Vue3 服务端渲染框架
Nuxt UI：UI 组件库
nuxt/i18n：多语言支持
Nuxt Content：Markdown 内容管理
Tailwind CSS：实用的 CSS 框架
TypeScript：静态类型检查

常见问题

Q：UILibHub 数据更新频率？

A： GitHub 星数和 NPM 周下载量每月 1 日更新，组件数量每季度更新一次。