chakra-ui/park-ui
Beautifully designed components built with Ark UI and Panda CSS that work with a variety of JS frameworks. observed · 2026-08-28
Health v2 · maintenance only
64/100
- Activity 76
- Release rhythm 40
- Longevity 80
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-03. Adoption (stars, forks) is never an input.
- gap_med: 4
- age_days: 1127
- days_rel: 649
- days_push: 145
- n_releases_24m: 2
Adoption not part of the score
2355 stars · 109 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded
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
library · maturity active
ui-components css-framework frontend-framework cli web-development frontend web-design developer-tools cross-platform design-system panda-css ark-ui component-library copy-paste-components accessibility headless-components react solid nodejs
4 sources
- readme: https://github.com/chakra-ui/park-ui · fetched 2026-08-28 · 8a52bb62326f
- homepage: https://park-ui.com · fetched 2026-08-29 · 78925b1ad248
- site_page: https://park-ui.com/docs · fetched 2026-08-29 · 35a4f48c71d0
- site_page: https://park-ui.com/changelog · fetched 2026-08-29 · 43e38f0b3000
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| chakra-ui/park-ui | main | 64 |
For agents
markdown · JSON · MCP: product_card(name="chakra-ui/park-ui")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem