# chakra-ui/park-ui

Beautifully designed components built with Ark UI and Panda CSS that work with a variety of JS frameworks.

Repository: https://github.com/chakra-ui/park-ui
Canonical: https://ross.abutalabs.com/products/park-ui
Homepage: https://park-ui.com
Language: TypeScript
License: MIT
License Family: permissive
Last push: 2026-04-10T23:05:11+00:00

## Health v2 (maintenance only)
Score: 64/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 76, release rhythm 40, longevity 80
- inputs: {"age_days": 1127, "days_push": 145, "days_rel": 649, "gap_med": 4, "n_releases_24m": 2}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 2355, forks 109 (observed 2026-08-28T04:06:40.566441+00:00)

## What it is
Park UI is a collection of beautifully designed, accessible UI components built on Ark UI (headless components) and Panda CSS, distributed as source code you copy into your codebase. It supports multiple JavaScript frameworks including React and Solid, letting you own and customize every component and style recipe directly.

## Use cases
- build a custom design system with accessible React components
- copy-paste UI component source code instead of installing an npm package
- customize button variants and component styles without overriding library APIs
- use the same component set across React and Solid apps
- style components with Panda CSS recipes I fully control
- get accessible headless components with prebuilt designs
- give LLMs readable component code to modify my UI

## When to choose
- you want full ownership of component source code and easy customization
- you use Panda CSS and Ark UI or are happy to adopt them
- you need a consistent component system across multiple JS frameworks
- you want accessible components without fighting library abstractions

## When to avoid
- you prefer installing components from npm with maintained upstream updates
- you use Tailwind CSS or a styling solution other than Panda CSS
- your framework is not React or Solid
- you want a large out-of-the-box component catalog without writing code

## Facets
- artifact type: library
- maturity: active
- function: ui-components, css-framework, frontend-framework, cli
- domain: web-development, frontend, web-design, developer-tools
- platform: cross-platform
- tags: design-system, panda-css, ark-ui, component-library, copy-paste-components, accessibility, headless-components, react, solid, nodejs

## Member repositories
- chakra-ui/park-ui (main) score 64

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:06:40.566441+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T02:36:26.518196+00:00, confidence not recorded.
  - readme: https://github.com/chakra-ui/park-ui (fetched 2026-08-28T04:06:40.566441+00:00, sha 8a52bb62326f)
  - homepage: https://park-ui.com (fetched 2026-08-29T10:17:27.174997+00:00, sha 78925b1ad248)
  - site_page: https://park-ui.com/docs (fetched 2026-08-29T10:17:27.184312+00:00, sha 35a4f48c71d0)
  - site_page: https://park-ui.com/changelog (fetched 2026-08-29T10:17:27.187155+00:00, sha 43e38f0b3000)
- Data as of 2026-08-30T08:39:29.467469+00:00.