🎉 v0.1.0 现已发布

Kitty UI

为 React 打造的 现代化 组件库

开源、类型安全的组件库,基于 Tailwind CSS 构建,为您的应用提供精美的 UI 组件

快速安装

pnpm add kitty-react

精心设计的组件库

直观易用的组件,为您的 React 应用增添现代感与实用性

B

Button

多种样式和尺寸的按钮组件,支持自定义变体和状态

查看文档
C

Checkbox

支持多种状态的多选框组件,包括选中、未选中和不确定状态

查看文档
D

Drawer

可从多个方向弹出的抽屉组件,支持自定义内容和页脚

查看文档

更多组件

更多组件正在开发中...

为什么选择 Kitty UI?

精心打造的现代化组件库,为您的项目提供完整的设计解决方案

🚀 函数驱动

基于 React Hooks 设计的函数式 API,提供灵活的逻辑复用能力

🛠️ 类型友好

使用 TypeScript 构建,提供完整的类型定义,享受一流的开发体验

📦 轻量高效

基于 Tailwind CSS,支持按需引入,让您的应用保持轻量快速

📱 响应式设计

支持各种屏幕尺寸的响应式布局,完美适配移动端和桌面端

🌙 暗黑主题

内置完整的暗黑主题支持,提供流畅的主题切换体验

☃️ 开源友好

完全开源,提供完整的中文文档和社区支持

快速开始

安装

npm install kitty-react

使用

导入所需的组件并在你的 React 应用中使用:

// 安装组件库
npm install kitty-react

// 使用组件
import { Button, Checkbox } from 'kitty-react';

function App() {
  return (
    <div>
      <Button variant="primary">
        开始使用
      </Button>
      <Checkbox label="同意条款" />
    </div>
  );
}