Park UI

项目概述

Park UI 是基于 Chakra 团队研发的 Ark UI 状态机与现代化 CSS 方案构建的通用组件库。它打破了框架壁垒，同时为 React、Vue 3 与 SolidJS 提供一致的高品质无障碍组件与设计系统。

核心特性

• ⚡️ Ark UI 状态机驱动：基于 XState 状态机逻辑驱动，彻底杜绝复杂交互中的边界状态异常。
• 跨框架三合一支持：在 React、Vue 3 与 SolidJS 之间共享相同的架构与组件模式。
• 🎨 双样式引擎适配：深度适配编译期零运行时的 Panda CSS 与流行的 Tailwind CSS。
• 现代化 CLI 源码拷贝：提供 @park-ui/cli 工具，按需拷贝代码至本地，所有权 100% 归属团队。

快速上手与示例代码

npx @park-ui/cli init

import { Button } from '@/components/ui/button';

export default function Demo() {
  return <Button variant="solid">探索 Park UI</Button>;
}

技术选型建议与适用场景

• 非常适合：正在探索 Panda CSS 现代编译期样式、使用 SolidJS 或 Vue 3 并渴望获得顶尖状态机健壮性的团队。
• 不适用场景：必须使用老旧全局 CSS 且不希望采用源码拷贝架构的传统维护项目。