概览

欢迎来到 Headless UI Themes 文档！这是一个基于 React 和 Radix UI 构建的企业级组件库，为现代 Web 应用提供高质量、可定制的 UI 组件。

核心特性

🎨 设计系统驱动

• 基于统一的设计令牌和规范
• 提供完整的颜色、字体、间距系统
• 支持主题定制和品牌适配

🛠 开发者友好

• 完整的 TypeScript 支持
• 基于 Radix UI 的可访问性
• 灵活的样式定制能力

📱 响应式设计

• 移动优先的设计理念
• 支持多设备、多屏幕尺寸
• 流畅的交互体验

🔧 高度可定制

• 支持 CSS-in-JS 和 Tailwind CSS
• 提供丰富的配置选项
• 易于扩展和修改

开始使用

快速上手

从 快速开始 页面了解如何安装和使用组件库。

设计理念

了解我们的 设计价值观 和 设计指南，深入理解组件库的设计哲学。

组件探索

浏览我们的 组件概览，发现丰富的 UI 组件。

支持的框架

Headless UI Themes 支持多种前端框架和构建工具：

• Next.js - 完整支持 App Router 和 Pages Router
• Webpack - 支持 tree-shaking 和按需加载

浏览器兼容性

支持所有现代浏览器：

• Chrome ≥ 87
• Firefox ≥ 78
• Safari ≥ 14
• Edge ≥ 88

社区与支持

• 📖 文档 - 完整的使用文档和 API 参考
• 🎯 示例项目 - 实际应用示例

立即开始您的 Headless UI Themes 之旅吧！