shadcn-ui

shadcn-ui - 构建组件库

关于 shadcn-ui

ShadCN/UI 是一组设计精美、可访问的组件和一个代码分发平台。与您最喜欢的框架和 AI 模型配合使用。开源。打开 Code。

这不是一个元件库。这是您构建组件库的方式。

您了解大多数传统组件库的工作原理：从 NPM 安装包，导入组件，然后在应用程序中使用它们。

这种方法效果很好，直到您需要自定义组件以适合您的设计系统或需要未包含在库中的组件。通常，您最终会包装库组件、编写解决方法来覆盖样式，或者将来自不同库的组件与不兼容的 API 混合。

这就是 shadcn/ui 旨在解决的问题。它围绕以下原则构建：

打开代码：组件代码的顶层是开放的，可以进行修改。
组成：每个组件都使用通用的可组合接口，使其具有可预测性。
分配：平面文件架构和命令行工具使分发组件变得容易。
Beautiful Defaults（漂亮的默认值）：精心挑选的默认样式，因此您可以获得开箱即用的出色设计。
AI 就绪：供 LLM 阅读、理解和改进的开放代码。

打开代码

shadcn/ui 将实际的组件代码交给您。您可以完全控制根据您的需求自定义和扩展组件。这意味着：

完全透明：您可以准确了解每个组件的构建方式。
轻松定制：修改组件的任何部分以满足您的设计和功能要求。
AI 集成：访问代码使 LLM 可以直接阅读、理解甚至改进您的组件。
在典型的库中，如果需要更改按钮的行为，则必须覆盖样式或包装组件。使用 shadcn/ui，您只需直接编辑按钮代码即可。