@claude-chat/ui

@claude-chat/ui

Shared React UI component library for Claude Chat, built with Tailwind CSS 4.

Install

npm install @claude-chat/ui

react and react-dom (^19) are peer dependencies — install them in your app if you haven't already.

Usage

Import the compiled stylesheet once, near your app's entry point, then use components as usual:

import "@claude-chat/ui/styles.css";
import { Button, Card } from "@claude-chat/ui";

function App() {
  return (
    <Card header={<h1>My app</h1>}>
      <Button onClick={() => console.log("clicked")}>Wyślij</Button>
    </Card>
  );
}

styles.css is a self-contained, pre-compiled stylesheet — you don't need Tailwind configured in your own project for the components to render correctly.

Development

This package is part of the claude-chat monorepo.

• bun run storybook — browse and develop components in isolation.
• bun run build — produce the publishable dist/ output (JS, type declarations, styles.css).
• bun run build:watch — rebuild dist/ on every source change, for testing against packages/frontend locally.