Park UI Has a Free API That Most Developers Dont Know About

#webdev #tailwindcss #react #ui

Park UI is a beautifully designed component library built on top of Ark UI. It provides styled, accessible components for React, Vue, and Solid with Tailwind CSS or Panda CSS.

Quick Setup

npx @park-ui/cli init

Add Components

npx @park-ui/cli add button dialog select tabs

Usage

import { Button } from "~/components/ui/button";
import { Dialog } from "~/components/ui/dialog";

function App() {
  return (
    <Dialog.Root>
      <Dialog.Trigger asChild>
        <Button>Open Dialog</Button>
      </Dialog.Trigger>
      <Dialog.Backdrop />
      <Dialog.Positioner>
        <Dialog.Content>
          <Dialog.Title>Confirm</Dialog.Title>
          <Dialog.Description>Are you sure?</Dialog.Description>
          <Button onClick={handleConfirm}>Yes</Button>
        </Dialog.Content>
      </Dialog.Positioner>
    </Dialog.Root>
  );
}

Theming

Park UI supports multiple color palettes and can be customized via Tailwind or Panda CSS tokens.

Key Features

Beautiful defaults — production-ready out of the box
Ark UI foundation — accessible and composable
Multi-framework — React, Vue, Solid
Tailwind + Panda CSS support
CLI for adding components

Need to scrape or monitor web data at scale? Check out my web scraping actors on Apify or email spinov001@gmail.com for custom solutions.

DEV Community