@vox-ai-app/ui

@vox-ai-app/ui

Shared React component library for the Vox design system. Built with Vite, exported as pre-built ESM.

Install

npm install @vox-ai-app/ui

Peer dependencies: react >= 19, react-dom >= 19

Setup

Import the base styles once in your app entry:

import '@vox-ai-app/ui/styles.css'

Components

Primitives

Low-level, unstyled-ish building blocks.

import {
  IconButton,
  CopyButton,
  Drawer,
  Skeleton,
  Toast,
  ExpandableMarkdown
} from '@vox-ai-app/ui/primitives'

Composites

Feature components built from primitives.

import {
  ChatMessage,
  ChatComposer,
  ChatEmptyState,
  ChatSkeleton,
  ActionItem,
  ActivityListRow,
  ActivityTimeline,
  ExplorerSidebar,
  ExplorerTile,
  VoiceOrb
} from '@vox-ai-app/ui/composites'

Layouts

Full-page layout shells.

import { AppShell, LeftRail, UserMenu } from '@vox-ai-app/ui/layouts'

Hooks

import {} from /* hooks */ '@vox-ai-app/ui/hooks'

Utils

import { cn } from '@vox-ai-app/ui/utils'
// cn(...classes) — merges Tailwind class names

Tokens

Design tokens as JS constants or CSS custom properties.

import { colors } from '@vox-ai-app/ui/tokens'

@import '@vox-ai-app/ui/tokens.css';
/* exposes --vox-color-* custom properties */

All exports

import {} from /* everything */ '@vox-ai-app/ui'

License

MIT