PX-UI is a comprehensive React component library that provides beautifully designed, accessible components for building modern web applications.

## Features

* **Built on Base UI**: Leverages the unstyled, accessible primitives from [Base UI](https://base-ui.com) for solid foundations
* **Tailwind CSS**: All components are styled using Tailwind CSS with custom design tokens
* **Form Integration**: First-class support for react-hook-form with Zod validation
* **TypeScript**: Full TypeScript support with comprehensive type definitions

## Packages

### @px-ui/core

The core package includes all fundamental UI components:

* **Inputs**: Button, Input, Textarea, Checkbox, Switch, RadioGroup
* **Selection**: Select, Combobox, Menu
* **Overlays**: Dialog, Popover, Tooltip
* **Navigation**: Tabs, Breadcrumbs, SegmentedControl
* **Feedback**: Progress, Spinner
* **Layout**: Avatar, AvatarGroup, Separator, InputGroup
* **Data Display**: Calendar, DatePicker

### @px-ui/forms

The forms package provides form-specific components that integrate with react-hook-form:

* **Field**: Composable field components for building forms
* **SelectField**: Pre-built select field with validation
* **Form Primitives**: FormInput, FormTextarea, FormCheckbox

## Quick Links

<Cards>
  <Card title="Getting Started" description="Install and set up PX-UI in your project" href="/docs/getting-started" />

  <Card title="Components" description="Browse all available components" href="/docs/components/button" />
</Cards>