@clarityos/ui

Reusable React UI components for the Clarity OS design system.

Start Here

For the full Next.js consumer setup, supported Tailwind version, and agent instructions, use docs/consumer/CONSUMER_SETUP.md.

Install

npm install @clarityos/ui @clarityos/tokens @clarityos/tailwind-preset

This package is currently documented for:

• React 19
• Next.js 16
• Tailwind CSS 4.x

Public Import Pattern

import { Button } from "@clarityos/ui/button";

export function Example() {
  return <Button>Continue</Button>;
}

Notes

• Import token CSS once from @clarityos/tokens/tokens.css.
• In Tailwind 4, import @clarityos/tailwind-preset/theme.css.
• Use public subpath imports only.
• Do not import from src or dist.
• For AI-driven component discovery, inspect @clarityos/ui/ai-manifest.