[TOC] > [中文文档](https://www.shadcn-ui.cn/) > [官方文档](https://ui.shadcn.com/) ## 概述 **Shadcn UI**是一个现代化的 UI 组件库，旨在帮助开发人员快速构建美观、响应式、可访问性强的用户界面。它基于**React**和**Tailwind CSS**开发，提供了各种预设计的 UI 组件，旨在通过简单的 API 和灵活的定制选项来加速开发流程。 **特点** - 前面有提到Shadcn ui与一般的组件库最大的不同在于，所有的元件都可以直接在项目中进行编辑 ## 安装 先初始化 next.js 初始化项目 ``` npx shadcn@latest init ``` 之后就可以按需加载,如加载按钮 ``` npx shadcn@latest add button ```