utilities
@particular/ui
Shared React 19 components with Tailwind CSS
Installation
bun add @particular/ui
Subpath Imports
| Import Path | Description |
|---|---|
| @particular/ui | All components (barrel export) |
| @particular/ui/components/* | Individual components |
| @particular/ui/forms | Form components |
| @particular/ui/layouts | Layout components |
| @particular/ui/charts | Chart components |
| @particular/ui/auth | Auth UI components |
| @particular/ui/lib/* | Individual utilities (cn, errors, etc.) |
| @particular/ui/lib | All utilities (barrel export) |
| @particular/ui/hooks | Shared React hooks |
Key Exports
| Export | Type | Description |
|---|---|---|
| Button | component | Button with variants |
| Input | component | Text input |
| SidebarLayout | component | Sidebar layout |
| DataTable | component | Data table with sorting |
| cn | function | Merge class names (clsx + twMerge) |
| formatDate | function | Format dates consistently |
| PackageError | class | Base error class for packages |
| useDebounce | hook | Debounce a value |
| useLocalStorage | hook | Persist state in localStorage |
Usage Examples
Import components
import { Button, Input } from "@particular/ui";
import { SidebarLayout } from "@particular/ui/layouts";Utilities and hooks
import { cn } from "@particular/ui/lib/utils";
import { useDebounce } from "@particular/ui/hooks";