YYKAUI

React UI 组件库（49 个组件：通用/布局/导航/录入/展示/反馈）+ 6 套 CSS 变量主题。官网：https://www.yyka.cn

安装使用

npm install yykaui

import { Button, ThemeProvider } from 'yykaui'
import 'yykaui/style.css'

function App() {
  return (
    <ThemeProvider>
      <Button variant="gradient">Hello</Button>
    </ThemeProvider>
  )
}

样式已内置打包（Tailwind 工具类 + 6 套主题 CSS 变量），宿主无需安装 Tailwind； 不带全局 reset（preflight），不会污染宿主页面。要求 React 18+。

组件清单

组件库（src/components/ui/，目录=组件名）：通用 Button/Icon/Typography/Space/Divider/Tag/BackTop · 布局 Layout/Menu/Card · 导航 Breadcrumb/Dropdown/Tabs/Pagination/Steps · 录入 Input/InputNumber/Textarea/Select/Form/Checkbox/Radio/Switch/Slider/Search/Segmented/Rate · 展示 Badge/Avatar/Progress/Empty/Table(排序/分页/选择列)/Descriptions/Statistic/List/Tree/Image/Timeline · 反馈 Alert/Spin/Skeleton/Modal/Drawer/Popconfirm/Message/Notification/Tooltip/Result · 主题 ThemeProvider + 6 套 CSS 变量主题 + --gradient-primary 渐变。

组件展示页：src/pages/ 每组件一页（示例+参数表格），右侧 Sider 手风琴菜单导航，App.tsx 仅布局壳。

加一个icon组件，用svg，内置常用图标集（Lucide 风格 24x24 stroke 图标），支持 size / 颜色跟随 / 线宽 / spin 旋转 / 自定义 children。

This template provides a minimal setup to get React working in Vite with HMR and some Oxlint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Oxc
• @vitejs/plugin-react-swc uses SWC

React Compiler

The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see this documentation.

Expanding the Oxlint configuration

If you are developing a production application, we recommend enabling type-aware lint rules by installing oxlint-tsgolint and editing .oxlintrc.json:

{
  "$schema": "./node_modules/oxlint/configuration_schema.json",
  "plugins": ["react", "typescript", "oxc"],
  "options": {
    "typeAware": true
  },
  "rules": {
    "react/rules-of-hooks": "error",
    "react/only-export-components": ["warn", { "allowConstantExport": true }]
  }
}

See the Oxlint rules documentation for the full list of rules and categories.