Introduction
A modern React component library built on Base UI
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 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
- ComboboxField: Pre-built combobox field with validation
- Form Primitives: FormInput, FormTextarea, FormCheckbox