React Component Library — Built with Vite + Tailwind CSS

Welcome to xlp-ui — a lightweight and customizable React component library powered by Vite, styled with Tailwind CSS, and built for speed, reusability, and scalability.

🚀 Features

• ⚡ Super fast build with Vite
• 🌊 Utility-first styling with Tailwind CSS
• 📦 Publish-ready for npm
• ✅ Tested with a consumer app before release
• ✨ Includes reusable components like Button and Badge

📦 Installation

npm install xlp-ui
# or
yarn add xlp-ui

🛠️ Usage

import { Button, Badge } from 'xlp-ui';

function App() {
  return (
    <div>
      <Button>Click Me</Button>
      <Badge color="green">New</Badge>
    </div>
  );
}

✅ Components are tree-shakable and styled using Tailwind classes.

🧱 Components

| Component | Description | | --------- | --------------------- | | Button | A customizable button | | Badge | A styled status label |

📺 Watch the Tutorial

This project was built as part of a step-by-step YouTube tutorial: 🎥 Build & Publish React Component Library

🔧 Tech Stack

• React
• Vite
• Tailwind CSS
• TypeScript
• npm