不到 2 年拿下 73K Star 的开源项目！

主要观点总结

这篇文章介绍了Shadcn UI，一个由shadcn在2023年初创建的UI组件集合。它旨在解决React生态系统中的一个常见问题：如何在保持组件高度可定制的同时提供优秀的开发者体验。

关键观点总结

关键观点1: Shadcn UI的背景和核心理念

该项目由shadcn在2023年初创建，旨在解决React生态系统中的组件定制和开发者体验问题。它的核心理念是'不是一个组件库'，强调直接复制组件代码到项目中，实现完全可定制和可控的代码。

关键观点2: Shadcn UI的技术基石

项目选择了一些优秀的技术基石，包括Tailwind CSS作为样式解决方案，Radix UI作为无头组件基础，TypeScript确保类型安全，以及React作为基础框架。

关键观点3: Shadcn UI的开发变革和影响力

Web技术社区的开发者已将Shadcn UI移植到Vue、Angular和Flutter等框架中，显示了其巨大的影响力和开发变革。此外，它还提供了简单的CLI工具，使组件的添加变得异常简单。

关键观点4: Awesome Shadcn UI的资源分类

Awesome Shadcn UI目前包含与Shadcn UI有关的200多个资源，共13个分类，包括UI组件库、Landing Page模板、SaaS模板等。此外，还收录了其他不同的分类。

文章预览

Shadcn UI Shadcn UI 是由开发者 shadcn 在 2023 年初创建的一个 UI 组件集合。这个项目最初的目标是为了解决 React 生态系统中的一个常见问题：如何在保持组件高度可定制的同时，提供优秀的开发者体验。 Shadcn UI 作者于 2023 年 3 月 8 日正式发布  @shadcn/ui@0.0.4  版本，不到 2 年时间，shadcn/ui 的 Star 数已经高达  73K 。 Shadcn UI 核心理念 1. "不是一个组件库" 的创新理念 Shadcn UI 最显著的特点是它 "不是一个组件库"（Not a component library）。这个看似矛盾的说法实际上体现了项目的核心创新： 没有 npm 包安装 直接复制组件代码到项目中 完全可定制和可控的代码 这种方式打破了传统组件库的范式，让开发者能够完全掌控组件代码。 2. 站在巨人的肩膀 项目在成立之初就选择了一些优秀的技术基石： Tailwind CSS 作为样式解决方案 Radix UI 作为无头组件（headless components ………………………………