brd-ui-kit

Modern React component library with Tailwind CSS v4 and TypeScript.

Installation

npm install brd-ui-kit
# or
pnpm add brd-ui-kit
# or
yarn add brd-ui-kit

Quick Start

import 'brd-ui-kit/styles.css';
import { Button, Card } from 'brd-ui-kit';

function App() {
  return (
    <Card>
      <Button>Click me</Button>
    </Card>
  );
}

Tailwind Setup

// tailwind.config.js
/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
    "./node_modules/brd-ui-kit/**/*.{js,ts,jsx,tsx}"
  ]
}

Components

• Button — Primary, secondary, outline, ghost
• Card — Content containers
• Input — Text input
• Dialog — Modal dialogs
• Tabs — Tabbed interfaces
• Table — Data tables
• Tooltip — Tooltips
• Badge — Status indicators
• Checkbox — Checkbox input
• Switch — Toggle switches
• RadioGroup — Radio buttons
• Combobox — Autocomplete dropdown

Examples

import { Button } from 'brd-ui-kit';

function Example() {
  return (
    <>
      <Button variant="primary">Primary</Button>
      <Button variant="secondary">Secondary</Button>
      <Button variant="outline">Outline</Button>
    </>
  );
}

License

MIT © vladislav_mr