最新中文翻译文档已就绪

这不是一个组件库，而是你构建自己组件库的方法。

shadcn/ui 是一套设计精美、可访问的组件和代码分发平台。直接将实际组件代码导入你的项目，拥有完全的控制权进行定制，完美适配 AI 时代。

开始阅读文档互动组件演练

$npx shadcn@latest init

shadcn-component-preview.tsx

可组合接口

组件相互融合，风格完全统一。

AI 深度集成

开放的代码结构使得 LLM 可以读取、理解和优化组件。

// 导入可直接定制的组件import { Button } from "@/components/ui/button"import { Switch } from "@/components/ui/switch"
export default function Preview() { return ( <div className="flex gap-4"> <Button>开始使用</Button> <Switch /> </div> )}

开放代码 (Open Code)

组件代码直接拷贝至你的项目，无需封装或覆盖样式。您拥有组件的完全透明控制权，可以根据业务随意扩展。

组合性 (Composition)

所有组件共享一个通用的、可组合的接口。降低团队成员学习成本，对新组件和第三方库保持高度的可预测性。

美观默认 (Defaults)

内置精心挑选的初始主题样式，不附加臃肿依赖。保证应用开箱即用就能呈现整洁、现代的视觉风格。

AI 就绪 (AI-Ready)

一致的组件接口设计和本地化代码存放，使 AI 编码助手或大模型可以直接读取源文件，理解 API 并轻松生成新页面。