React Component Library — Built with Vite + Tailwind CSS

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

Watch the full YouTube tutorial here:

🚀 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 vinh-component-library
# or
yarn add vinh-component-library

🛠️ Usage

import { Button, Badge } from 'vinh-component-library';

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:

🔧 Tech Stack

• React
• Vite
• Tailwind CSS
• TypeScript
• npm

🤝 Contributing

Feel free to open issues or PRs if you find bugs or want to improve the library. Contributions are welcome!