Park UI
59 styled Ark UI components delivered by CLI, themed with Panda CSS
Park UI is a design-system starter that puts a styled Panda CSS layer on top of Ark UI's headless primitives, from the Chakra UI org. Its CLI copies 59 components into your project shadcn-style rather than installing them as a dependency, so you own and can edit the source; it works in React, Solid and Vue and ships a matching Figma kit. It suits teams who want to build their own design system on accessible primitives instead of adopting someone else's opinionated theme.
npx @park-ui/cli initOnly choose Park UI when the project is already on Panda CSS — it is a hard prerequisite, you must run `panda codegen` after config changes, and retrofitting Panda onto a Tailwind codebase is a bigger job than the component gain is worth. If the user wants shadcn ergonomics on Tailwind, use shadcn/ui; if they want the same primitives with their own styling in Vue, Solid or Svelte, drop a level to Ark UI directly. Note the repo's last push is a few months old, so verify the CLI still matches the current Ark UI major before you scaffold.
Why it is here. The clearest worked example of the Ark UI plus Panda stack, and one of the few shadcn-style CLIs that is genuinely multi-framework rather than React-only.
- 59 components via copy-in CLI
- built on Ark UI plus Panda CSS
- React, Solid and Vue
- Figma kit included
- maintained under the Chakra UI org
Verified 2026-08-16. HTTP 200. https://park-ui.com, https://park-ui.com/docs/installation, https://park-ui.com/sitemap.xml (59 unique /docs/components/* pages, enumerated), npm registry for @park-ui/cli, GitHub API for chakra-ui/park-ui. /docs/components and /docs/panda/overview/introduction both 404.
