无样式的 React 无障碍 UI 组件库，用于构建自定义设计系统。
1.1万582TypeScriptMIT更新于 13小时前
shadcn-ui/ui
基于 Radix UI 与 Tailwind CSS 的可复制粘贴 React 组件集，代码归你所有，可随意定制。
- Star
- 126,054
- Fork
- 13,176
- 未关闭 Issue
- 1,777
- 最近提交
- 17小时前
这是什么？
shadcn/ui 是一组注重无障碍访问的 UI 组件。它不是以锁定版本的依赖包安装，而是把组件源码复制到你的项目中，之后可以直接修改、扩展，作为构建自有组件库的起点。
项目使用 TypeScript 编写，主要面向 React 与 Tailwind CSS 技术栈，相关主题涵盖 Next.js、Vite 和 Laravel，底层基元可基于 Radix UI、React Aria 或 Base UI。由于代码直接存在于你的仓库中，样式和行为的调整无需等待上游发布新版本。
官方文档位于 ui.shadcn.com，包含安装和组件用法说明。
核心功能
- 01组件以源码形式复制到项目中，你可以完全掌控并自由修改。
- 02底层基于 Radix UI、React Aria、Base UI 等注重无障碍的基元构建。
- 03使用 Tailwind CSS 进行样式设计，方便替换为你自己的设计系统。
- 04支持 Next.js、Vite 等 React 框架，并支持 Laravel。
适用场景
- 为 React 或 Next.js 应用快速搭建美观且无障碍的表单、对话框和菜单组件。
- 以统一的起点构建团队或企业内部的专属组件库。
- 快速原型开发界面，同时保留对组件代码的完全控制。
标签
常见问题
- ui 是什么？
- 基于 Radix UI 与 Tailwind CSS 的可复制粘贴 React 组件集，代码归你所有，可随意定制。 shadcn/ui 是一组注重无障碍访问的 UI 组件。它不是以锁定版本的依赖包安装，而是把组件源码复制到你的项目中，之后可以直接修改、扩展，作为构建自有组件库的起点。
- ui 可以免费使用吗？用的什么许可证？
- ui 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
- ui 还在维护吗？
- 活跃维护中。ui 最近一次提交是在 2026年10月20日。
- ui 适合用来做什么？
- 为 React 或 Next.js 应用快速搭建美观且无障碍的表单、对话框和菜单组件。 以统一的起点构建团队或企业内部的专属组件库。 快速原型开发界面，同时保留对组件代码的完全控制。
- 在哪里获取 ui？
- 源代码和安装说明在 GitHub 上：https://github.com/shadcn-ui/ui
概要由 AI 根据项目 README 生成；GitHub 数据每日更新。
相关项目
基于 React Aria 与 Tailwind CSS v4 构建的 React UI 组件库，前身为 NextUI。
3.1万2237TypeScriptApache-2.0更新于 3天前
一个基于 React 和 Tailwind CSS 的动效组件库，可直接复制到 Next.js 或 shadcn/ui 项目中使用。
2.3万1195MDXMIT更新于 4天前
基于 Tailwind CSS 和 Motion 的免费开源动画组件库，可直接集成到 shadcn/ui 项目中。
6629350TypeScriptMIT更新于 7天前
一款开源可视化编辑器，可在浏览器中用 AI 辅助直接设计和编辑 Next.js + Tailwind 代码。
2.7万2792TypeScriptApache-2.0更新于 2个月前
用于构建交互式用户界面的 JavaScript 库，基于可组合的组件开发。
25.2万5.2万JavaScriptMIT更新于 16小时前