[!IMPORTANT] 免责声明：本项目仅供个人学习、测试与交流使用，请勿用于生产环境。作者不对任何因使用本项目而产生的问题承担责任。

🎨 特性

• 拟物化设计：精心调配的阴影、纹理和光效，还原真实触感。
• 现代化技术栈：基于 React 19 和 Radix UI 构建。
• 类型安全：完全使用 TypeScript 编写，提供优秀的开发体验。
• 开箱即用：提供 30+ 常用组件，覆盖大多数业务场景。
• 暗色模式：内置暗色模式支持，自动适配系统主题。

📦 安装

使用你喜欢的包管理器安装：

# npm
npm install @kzqkzq/tactile-ui

# pnpm
pnpm add @kzqkzq/tactile-ui

# yarn
yarn add @kzqkzq/tactile-ui

🚀 快速上手

1. 引入样式文件（建议在项目入口处）：

import '@kzqkzq/tactile-ui/style.css';

2. 使用组件：

import { Button, Card, CardBody } from '@kzqkzq/tactile-ui';

function App() {
  return (
    <Card>
      <CardBody>
        <h2>Hello, Tactile UI!</h2>
        <Button variant="primary">点击体验</Button>
      </CardBody>
    </Card>
  );
}

📖 文档

完整文档请参考我们项目中的 docs_site 目录，或者覆盖查看我们的在线文档。

本地运行文档：

cd docs_site
pnpm install
pnpm dev

🤝 贡献

欢迎提交 Issue 和 Pull Request！

📄 许可证

本项目基于 MIT 许可证 开源。