用途:使用 shadcn/ui 组件、Tailwind CSS 布局、react-hook-form 与 zod 表单模式、主题与暗色模式、侧边栏布局及移动端导航来构建生产级 UI。
主要能力:shadcn/ui 并非组件库,而是基于 Radix UI 原语构建的复制粘贴组件集合,代码归项目所有,组件被添加到项目中而非作为依赖安装。组件覆盖布局与导航(sidebar、navigation-menu、breadcrumb、tabs、separator、sheet、resizable)、表单与输入(form、input、textarea、select、combobox、checkbox、radio-group、switch、slider、date-picker、toggle)、反馈与浮层(dialog、alert-dialog、sheet、toast、alert、tooltip、popover、hover-card、skeleton、progress)、数据展示(table、data-table、card、badge、avatar、accordion、carousel、scroll-area)以及操作(button、dropdown-menu、context-menu、menubar、command)。
使用方式:在 Next.js 项目中初始化并添加组件,命令保持原样: npx shadcn@latest init npx shadcn@latest add button 可一次添加多个:npx shadcn@latest add button card input label textarea select checkbox 表单使用 react-hook-form 与 zod 校验,主题与暗色模式通过 next-themes 配置,通知使用 sonner,命令面板使用 command 组件。
适用场景:需要可定制、可拥有源码的 React/Next.js 界面,包括仪表盘、表单、数据表格、移动端导航与主题切换。
限制:资料未提供收费、价格、平台支持范围或效果保证等信息;具体版本兼容性与完整 API 细节暂未提供。