云行 AI 开发日记 - 11. Shadcn 最佳推荐

157 阅读1分钟

Shadcn UI 是近年来在前端开发社区中备受关注的一个创新型 UI 组件解决方案。它由 Vercel 工程师 shadcn 创建,基于 React、Tailwind CSS 和 Radix UI 构建,最大的特点是“不是传统的组件库”,而是一套可以直接复制粘贴源码到项目中、完全开放且高度可定制的组件集合。

Shadcn UI 给予了开发者极大的灵活性和控制权,它结合了 Radix UI 的无头组件和 Tailwind CSS 的实用样式,提供现代、响应式且性能优异的 UI 组件。配合丰富的主题资源(如 10,000+ Themes 项目)和实用的开源模板,shadcn UI 已成为现代前端项目构建的强大利器。

在此为大家推荐一些最实用的 Shadcn 相关资源。

Shadcn 主题工具

  1. shadcn 官网: ui.shadcn.com/
  2. tweakcn: tweakcn.com/
  3. ZippyStarter: zippystarter.com/
  4. 10000+ themes: ui.jln.dev/
  5. shadcn theme generator: gradient.page/
  6. Tinte: www.tinte.dev/

Shadcn 组件市场

  1. 21st.dev/
  2. ui.aceternity.com/components
  3. www.twblocks.com/

官方文档中的组件示例比较少,但是官方是有一个完整的包含所有组件的演示 demo 的,地址是:v4.shadcn.com/,代码也在开源仓库中:github.com/shadcn-ui/u…

Shadcn icons

  1. icons.pqoqubbw.dev/
  2. svgl.app/

还有,也可以参考我们云行 AI 的前端项目。

云行 AI 开源地址