CakeUI

React 19 组件库，使用 TypeScript 和 SCSS，提供 48 个组件、蓝 / 粉 / 金主题及明暗模式。

Gallery · 技术文档 · npm

安装

npm install @a1knla/cakeui

需要 React 19+，以及支持原生 dialog 和 Popover API 的现代浏览器。

使用

import { Button, CakeProvider } from '@a1knla/cakeui'
import '@a1knla/cakeui/style.css'

export function App() {
  return (
    <CakeProvider theme="blue" mode="system">
      <Button variant="primary" onClick={() => console.log('保存')}>
        保存
      </Button>
    </CakeProvider>
  )
}

theme：blue / pink / gold；mode：light / dark / system。组件支持原生 HTML 属性，通过 JSX children 组合。

文档

• API 与示例
• AI 文档索引 · 完整纯文本
• 发布 · 部署 · 设计记录

开发

需要 Node.js 22.12+ 和 npm。

npm ci
npm run dev

提交前运行 npm run check、npm run test:browser 和 npm run test:package。