用途:为 React 项目按 shadcn/ui 模式生成生产级 UI 组件,覆盖表单、展示、反馈、导航与布局等类别。
主要能力:生成约 30+ 组件,含 Input、Select、Checkbox、Radio、Switch、Textarea、DatePicker、FileUpload、Slider、Form、Card、Table、Badge、Avatar、Progress、Alert、Toast、Dialog/Modal、Tooltip、Popover、Tabs、Breadcrumb、Pagination、CommandMenu、ContextMenu、Accordion、Sheet 等;统一使用 CVA 定义变体、Radix UI 原语、Tailwind CSS,并提供 TypeScript 类型与示例用法。
使用方式:先创建 /components/ui/ 目录结构,先生成 lib/utils.ts(cn() 辅助函数)与 components.json,再生成所需组件及示例。依赖含 @radix-ui/* 系列、class-variance-authority、clsx、cmdk、date-fns、lucide-react、react-day-picker、react-hook-form、tailwind-merge、tailwindcss-animate 等,版本以资料所列为准。
适用场景:需要可复用、可访问、支持暗色与响应式的 React 组件库的前端项目。
限制:资料未提供收费、价格、平台支持范围与实测效果等信息;组件实际运行依赖正确安装所列依赖并配置 Tailwind。