Skip to content
Index730 resources
Park UI

Park UI

59 styled Ark UI components delivered by CLI, themed with Panda CSS

Tier B · UsefulComponent LibraryRegistrypark-ui.com

(Visit park-ui.com ↗)(Docs)(Repository)
Preview image from park-ui.com

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.

Install
npx @park-ui/cli init

For an agent

Only 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.

Install command, framework, licence and component list.

Facts

License
MIT
Pricing
Free, Open source
Framework
React, Solid, Vue
Styling
Panda CSS, CSS custom properties
Distribution
CLI installer, Copy-paste snippet, npm package, GitHub repository, Figma file or kit
Platform
Web
Content type
Code, Design tokens / theme files, Figma / design source files
Agent readiness
CLI installable, Copy-paste ready code, Readable open source, Structured documentation
Accessibility
Built on accessible primitives, Keyboard navigable, Focus management and visible focus
Maturity
Stable
GitHub stars
2,353
Package
@park-ui/cli

Components it ships

59 total
AccordionAlertAvatarBadgeBreadcrumbsButtonCardCarouselCheckboxCopy ButtonClose ButtonCode BlockCollapsibleColor PickerComboboxDate PickerDialogDrawerInline EditFieldsetLabelFile UploadHeadingHover CardIconIcon ButtonText InputInput GroupKbdLinkDropdown MenuNumber InputPaginationOtp InputPopoverProgress BarRadio GroupRating InputScroll AreaSegmented ControlSelectSkeletonSliderSpinnerSplit ViewSwitchTableTabsTag InputTypographyTextareaToastToggle GroupTooltipCenter

Helps you build

17
Settings Web AppAccount Web AppLogin Web AppSign UpMulti Step FormSubmitting A FormShowing Input ErrorFiltering ItemsSearch ResultsSingle Item DetailNotificationsIn App NotificationsAdmin PanelUser ManagementInviteUploading MediaCommand Palette

Notable for

  • 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

Provenance

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.

Also in Component Libraries

6
park-ui.comTier B