English | 中文
UILibHub 专注收集和分享 React、Vue 和小程序组件库的优质资源。UILibHub 提供最新、最全面的组件库推荐,助力开发者高效构建现代化应用。网站基于 David Dahan 的开源项目 UI Libs 开发,特此致谢。主要对 UI Libs 进行如下改造:
- 扩展库收录范围:新增 React、移动端、小程序相关 UI 库,目前共收录 30+ 优质 UI 库。
- 多语言支持:目前支持中英双语,未来计划支持更多语言。
- 删除可用组件统计面板。原因有两个:
- 实际开发中,挑选组件更好是基于筛选项进行考虑,比如主题是否好看、是否提供表单支持、是否支持移动端等,而不是拘泥于某个组件 A 组件库有而 B 组件库没有。
- 可用组件统计面板数据不好维护。
- 分页功能:提高大量数据的浏览体验。
- 详情页改进:新增组件库详情页,包括功能介绍、组件预览、相关链接等。
- Markdown 支持:使用 Markdown 语法编写静态页面内容。
- SEO 优化:完善每个页面的元标签,提高搜索引擎可见性。
- 流量统计集成:集成 Google Tag Manager,便于数据分析。修改
app.vue
,替换YOUR-GTM-ID
为自己的 GTM ID 即可。
欢迎为 UILibHub 贡献内容!您可以:
- 推荐或自荐 UI 库
- 提交使用本站已收录 UI 库的网站(作为 UI 库示例展示)
提交项目请参考提交项目指南。
- Nuxt3:Vue3 服务端渲染框架
- Nuxt UI:UI 组件库
- nuxt/i18n:多语言支持
- Nuxt Content:Markdown 渲染 HTML
- Tailwind CSS:实用 CSS 框架
- TypeScript:静态类型检查
本模板非常适合构建各类资源导航网站,例如:
- 工具导航:如 AI 工具导航站、前端工具导航站
- 学习资源目录
- 设计资源库
- 开源项目 Showcase
它提供了强大的筛选功能、多语言支持和良好的 SEO 优化,可以快速搭建专业的导航类网站。
安装 & 启动:
npm i
npm run dev
部署: 可以使用 Cloudflare Pages免费部署。也可以通过 [email protected] 联系我付费部署,或进行功能定制。
你可以在 X(Twitter)上联系我: https://x.com/luobogooooo
如果这个项目对你有帮助,可以请我喝杯咖啡。