Getting Started
UI Library
- Button
- Date Picker
- Field
- Fields
- Input Group
- File Uploader
- Signature Pad
- Text Area
- Container
- Section Header
- Separator
- Spacer
- Action Row
- Breadcrumb
- Tabs
- Tabs Container
- Card
- Image
- Text
- Title
- Video Player
- Card Collection
- Data Grid
- List Collection
- Table Collection
- Bar Chart
- Big Number
- Line Chart
- Radial Chart
- Hint
- Progress
- Spinner
- Skeleton
- Toast
- Sheet
- Dialog
- Real-world patterns
- Primitives
@pex/ui-web is a private workspace package — no installation required inside the monorepo.
Add to your app
In your app's package.json:
{
"dependencies": {
"@pex/ui-web": "workspace:*"
}
}Then run pnpm install from the monorepo root.
Prerequisites
- Next.js app within the pex-ecosystem monorepo
- Tailwind CSS 4 configured
@pex/design-tokensavailable (already a dependency of@pex/ui-web)