[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 ```