shadcn/ui

定义

shadcn/ui 是开发者 shadcn 创建的 React 组件集合，其最大特点是「不是组件库」：组件不通过 npm 安装，而是用 CLI 把源码直接复制进项目，代码归开发者完全所有、可任意修改。

原理

组件以无样式、可访问性完善的 Radix UI 原语为行为基础，用 Tailwind CSS 编写样式，通过 CSS 变量定义主题令牌，配合 class-variance-authority 管理样式变体。由于代码在本地，不存在版本升级破坏与样式覆盖困难的问题。

影响

这一「分发源码而非依赖」的模式在 2023 年后迅速流行，成为 Next.js 与 AI 应用（如 v0 生成的界面）的常见选型，衍生出 Vue、Svelte 等移植版本，作者后被 Vercel 聘用。

评价

优点是可定制性极强、视觉风格现代；缺点是组件更新需手动同步，项目需接受 Tailwind 技术栈。