前端组件库shadcn/ui，为什么让人感觉很现代，很好看？

shadcn/ui组件库，让你什么都没改，就已经比 90% 设计好看。它为什么好看，有现代感？

用了一些硅谷设计开发平台和工具，我发现代他们在前端大量使用tailwind+shadcn/ui。

我感觉这些网页很有设计感，现代高效，好看。

shadcn 的好看，不是设计出来的，而是“被约束出来的”。shadcn/ui看起来不像「组件库」，更像一个ui/ue设计师自己做出来的界面

shadcn 的 spacing，不追求紧凑，也不追求密度，很有「呼吸感」。

这让你什么都没改，就已经比 90% 设计好看。

它的组件库几乎没有“装饰性 UI”，没有渐变，没有多余阴影，没有过度边框。

hover / focus / disabled这些状态视觉反馈都有，但都很轻。

shadcn 的组件，对齐极其严谨，高度一致，内边距一致，字体基线一致

字号 & 行高非常理性，字号不夸张，行高略大，适合长时间阅读，你会潜意识觉得这个界面不累。

AntD 很难“高级起来”，不是它们不好，而是默认值太满，抽象层太厚，非常容易过度设计，且显得臃肿。

“克制、系统、可演进” ，是任何好的设计追求的目标，这一点，shadcn是个榜样。

---

原文链接：https://mp.weixin.qq.com/s/1qU2sgq1vlBNnw_hkbQJlA

来源：XT