返回技术能力
Frontend

shadcn/ui

不是组件库,是组件代码库——复制粘贴,自己拥有源码,完全可控。


它是什么

shadcn/ui 是一个组件分发模式的创新——它不是 npm 包,而是把组件源码直接复制到你的项目里。基于 Radix UI(无障碍)和 Tailwind CSS,你可以随意修改组件代码。

为什么重要

传统 UI 库(MUI、Ant Design)的问题是定制困难、版本耦合。shadcn 的「复制即拥有」模式让你完全控制组件的实现,改起来不慌,升级也灵活。

核心概念

Radix PrimitivesCopy-PasteTailwindCVAAccessibleThemeable

我的使用体验

新项目默认选 shadcn/ui。做原型用默认样式,需要定制时直接改源码。比下载一个巨大的 UI 库要自由得多。就是初始 setup 稍微麻烦一点。

学习资源