shadcn/ui

是什么

shadcn/ui 不是传统意义上的组件库：它通过 CLI 把组件源码复制进你的项目，底层基于 Radix UI 与 Tailwind CSS，代码完全归你自己掌控、随意修改。

为什么收藏

• 无黑盒依赖：组件在你仓库里，想怎么改就怎么改，不受库版本绑定
• 与 Tailwind 深度结合，主题、暗色模式、设计令牌统一好配置
• 可访问性由 Radix 打底，开箱即达到较高标准
• 与 v0 等 AI 生成工具同体系，生成的代码风格天然契合

使用场景

• React / Next.js 项目想要一套可长期演进、可控性强的 UI 基础
• 需要深度定制视觉规范，又不想从零实现交互与无障碍

提示：npx shadcn@latest add <component> 只把需要的组件拷进项目；升级靠重新生成或手动 diff，而不是 npm 版本更新。

官方地址：https://ui.shadcn.com