Skip to main content
Pharen UI is the shared component library for Pharen products. It exposes accessible Vue 3 building blocks, Tailwind CSS tokens, and complex product patterns through @pharen/ui.
These docs reflect package version 0.0.18.

Installation

Install the package and load its styles once.

Components

Browse every publicly exported UI component.

Styles and theming

Customize colors, radius, and dark mode through tokens.

AI Components

Build messages, tool calls, and agent states.

​
Quick start

1

Install the package

npm install @pharen/ui
2

Load the styles

Import @pharen/ui/styles.css once in your app entrypoint.
3

Use a component

import { Button } from '@pharen/ui'