shadcn/ui
shadcn-ui/ui★ 80k+ StarsUIReactTailwind
不是组件库,而是可复制粘贴的组件集合。基于 Radix UI + Tailwind CSS,完全可定制。
∴ 项目介绍
shadcn/ui 重新定义了 UI 组件的分发方式——不再是安装一个庞大的组件库,而是按需复制你要的组件源码到项目中。你拥有完整的代码控制权,可以随意修改。它迅速成为 React 生态中最流行的 UI 方案之一。
∴ 核心特点
- ›不是 npm 依赖,而是直接复制到项目中的源码
- ›基于 Radix UI 无障碍原语,开箱即用的可访问性
- ›完全使用 Tailwind CSS,无额外 CSS-in-JS 依赖
- ›支持主题切换(亮/暗模式)
- ›与 Next.js / Vite / Remix 等框架完美集成
∴ 使用场景
快速搭建后台管理系统 UI
独立开发者的产品原型
SaaS 产品的前端界面
学习 React 组件设计模式
这篇 shadcn/ui 的介绍对你有用吗?匿名投票,一秒钟
0 条讨论
用过的说一句:踩过什么坑、值不值得上还没有人留言来写第一条——你想问的,多半也是别人想问的