精心设计的组件库
直观易用的组件,为您的 React 应用增添现代感与实用性
更多组件
更多组件正在开发中...
为什么选择 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>
);
}