> ## Documentation Index
> Fetch the complete documentation index at: https://docs.pharen.app/llms.txt
> Use this file to discover all available pages before exploring further.

# Pharen UI Komponentenbibliothek

> Installiere Pharen UI und verwende die gemeinsam genutzten Vue-3-Komponenten in deinen Anwendungen.

Pharen UI ist die gemeinsame Komponentenbibliothek für Pharen-Produkte. Sie stellt zugängliche Vue-3-Bausteine, Tailwind-CSS-Tokens und komplexe Produktmuster über `@pharen/ui` bereit.

<Info>
  Diese Dokumentation entspricht Paketversion `0.0.18`.
</Info>

<CardGroup cols={2}>
  <Card title="Installation" icon="package-plus" href="/de/ui/installation">
    Installiere das Paket und binde die Styles einmal ein.
  </Card>

  <Card title="Komponenten" icon="blocks" href="/de/ui/components">
    Durchsuche alle öffentlich exportierten UI-Komponenten.
  </Card>

  <Card title="Styles und Theme" icon="palette" href="/de/ui/theming">
    Passe Farben, Radius und Dark Mode über Tokens an.
  </Card>

  <Card title="AI Components" icon="sparkles" href="/de/ui/ai">
    Baue Nachrichten, Tool-Aufrufe und Agenten-Zustände.
  </Card>
</CardGroup>

## Schnellstart

<Steps>
  <Step title="Paket installieren">
    `npm install @pharen/ui`
  </Step>

  <Step title="Styles laden">
    Importiere `@pharen/ui/styles.css` einmal in deinem App-Einstiegspunkt.
  </Step>

  <Step title="Komponente verwenden">
    `import { Button } from '@pharen/ui'`
  </Step>
</Steps>