React UI Component Library

A modern React component library built with Tailwind CSS v4.

Features

• 🚀 Built with React and TypeScript
• 💅 Styled with Tailwind CSS v4
• 📦 Tree-shakable exports
• 🏎️ Lightweight and performant
• 🌗 Fully customizable with Tailwind classes

Installation

# npm
npm install your-package-name

# yarn
yarn add your-package-name

# pnpm
pnpm add your-package-name

Usage

import { Button } from 'your-package-name';
import 'your-package-name/styles.css';

function App() {
  return (
    <div>
      <Button variant="primary" size="md">
        Click me
      </Button>
    </div>
  );
}

Components

Button

<Button 
  variant="primary" // 'primary' | 'secondary' | 'outline'
  size="md" // 'sm' | 'md' | 'lg'
  onClick={() => console.log('Clicked!')}
>
  Click me
</Button>

Card

<Card>
  <h3>Card Title</h3>
  <p>Card content goes here</p>
</Card>

Code

<Code>const example = 'code snippet';</Code>

Customization

You can customize any component by passing additional Tailwind classes through the className prop:

<Button 
  variant="primary"
  size="lg"
  className="rounded-full shadow-lg"
>
  Custom Button
</Button>

License

MIT © Your Name