推荐一款基于Tailwind.Css开发的UI组件库Shadcn UI

“又卡在打包体积报警？2024年5月，Vercel前端工程师shadcn把一行npx命令丢进X，瞬间把15k星的ShadcnUI送上热榜——导火索只是他晒出新出的<Calendar>组件，配文‘比antd轻90%’。

结论一句话：别再整包引入，谁还全量吃UI框架，谁就是给项目埋雷。

”

轻不是口号，是体检报告。

同一张后台表格页，antd+icons打出来460kb，Shadcn只带用到的6个组件+Tailwind，gzip后38kb，移动端秒开。

有人担心“散件拼装”后期难维护，实测把按钮、对话框、表格三个组件代码直接拖进仓库，改色值只动tailwind.config.js，一小时给品牌换完皮，设计师都惊了。

最香的是不绑架状态，React、Next、Remix甚至Solid都能用，想配zustand还是redux随你，组件里没半点私货。

v0.5.0一口气补了20+复杂件，数据表格自带排序过滤，日历支持范围多选，轮播手势也顺，Copy过来就能上线，再也不用去GitHub翻那堆年久失修的个人库。

企业端更现实：Linear说他们用Shadcn后，构建时间从4分半降到1分出头，Vercel模板市场直接给官方入口，相当于官方盖章“可上生产”。

社区也卷得飞起，Discord八千人在线答疑，新提的pr平均两天合，中文社群还出了figma插件，设计稿一键转jsx，UI仔下班提前俩小时。

当然坑也有，IE直接放弃，老项目想迁要先把less/stylus洗掉；动画部分目前只有基础transition，想炫还得自己接framer-motion。

一句话，新项目再全套引入重量级组件库，真的有点49年入国军的意思。

——“试了下，打包体积从mb变kb，老板再没提过‘优化一下’，舒服。

”