Park UI

Overview

Park UI is a modern component suite built on Ark UI state machines (by Chakra UI team). It supports multi-frameworks (React, Vue, Solid) and multi-styling engines (Panda CSS, Tailwind CSS).

Key Features

• Ark UI State Machines: Rock-solid, predictable state machines driving all modal, popover, and select logic.
• Multi-Framework: First-class support for React, Vue 3, and SolidJS.
• Dual Style Support: Works out of the box with compile-time Panda CSS or Tailwind CSS.
• CLI Integration: Copy-paste components into your codebase using the @park-ui/cli.

Installation & Quick Start

npx @park-ui/cli init

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

export default function App() {
  return <Button>Park UI Action</Button>;
}

Why Choose Park UI?

• Best for: Teams using Panda CSS, SolidJS, or Vue needing Chakra-level state-machine reliability.
• Not suitable for: Monolithic apps tied to legacy CSS-in-JS runtimes.