Park UI Has a Free API You Should Know About

Park UI is a beautifully designed component library built on Ark UI and Panda CSS. Think shadcn/ui but framework-agnostic — React, Vue, and Solid with gorgeous defaults.

The Best of Both Worlds

A solo developer wanted shadcn/ui beautiful defaults but was building in Vue. Park UI gave them production-ready styled components for Vue — that could switch to React later without rewriting.

Key Features:

• Beautiful Defaults — Professionally designed, production-ready
• Framework Agnostic — React, Vue, and Solid
• Panda CSS Powered — Type-safe styling with zero runtime
• Copy-Paste — Own your components, no lock-in
• Dark Mode — Built-in for every component

Quick Start

npx @park-ui/cli init
npx @park-ui/cli add button dialog card

Usage

import { Button } from "~/components/ui/button"
import { Card } from "~/components/ui/card"

export function PricingCard() {
  return (
    <Card.Root>
      <Card.Header>
        <Card.Title>Pro Plan</Card.Title>
      </Card.Header>
      <Card.Body>$29/month</Card.Body>
      <Card.Footer>
        <Button>Subscribe</Button>
      </Card.Footer>
    </Card.Root>
  )
}

40+ Styled Components

Alert, Avatar, Badge, Button, Card, Carousel, Checkbox, Combobox, DatePicker, Dialog, Drawer, FileUpload, and many more.

Why Park UI Over shadcn/ui

1. Not React-only — Vue and Solid support
2. Panda CSS — zero-runtime, type-safe
3. Ark UI foundation — state machine powered

Check out Park UI docs to get started.

---

Building beautiful web apps? Check out my Apify actors or email [e-mail] for custom solutions.