Shadcn UI 是近年来在前端开发社区中备受关注的一个创新型 UI 组件解决方案。它由 Vercel 工程师 shadcn 创建,基于 React、Tailwind CSS 和 Radix UI 构建,最大的特点是“不是传统的组件库”,而是一套可以直接复制粘贴源码到项目中、完全开放且高度可定制的组件集合。
Shadcn UI 给予了开发者极大的灵活性和控制权,它结合了 Radix UI 的无头组件和 Tailwind CSS 的实用样式,提供现代、响应式且性能优异的 UI 组件。配合丰富的主题资源(如 10,000+ Themes 项目)和实用的开源模板,shadcn UI 已成为现代前端项目构建的强大利器。
在此为大家推荐一些最实用的 Shadcn 相关资源。
Shadcn 主题工具
- shadcn 官网: ui.shadcn.com/
- tweakcn: tweakcn.com/
- ZippyStarter: zippystarter.com/
- 10000+ themes: ui.jln.dev/
- shadcn theme generator: gradient.page/
- Tinte: www.tinte.dev/
Shadcn 组件市场
官方文档中的组件示例比较少,但是官方是有一个完整的包含所有组件的演示 demo 的,地址是:v4.shadcn.com/,代码也在开源仓库中:github.com/shadcn-ui/u…
Shadcn icons
还有,也可以参考我们云行 AI 的前端项目。
云行 AI 开源地址
- Github:github.com/boyazuo/yun…
- Gitee:gitee.com/yxboot/yunx…