Harmonia Components

Elegant, structured, and reusable React components for modern web applications.

🌐 Live Demo | 📦 npm Package

Harmonia Components is a modular React component library built with Next.js, Tailwind CSS, and Shadcn UI.
It provides accessible, themeable, and developer-friendly components designed to help you build beautiful, consistent UIs faster.

🧭 Motivation

In many projects, similar UI elements are repeatedly rebuilt — leading to redundant code, inconsistent designs, and wasted time.
Harmonia Components solves this by offering:

• Efficiency – Reuse pre-built components to speed up development.
• Consistency – Maintain a unified design language across multiple projects.
• Maintainability – Update components in one place and reflect changes everywhere.

🚀 Features

• 📦 Reusable Components – Ready-to-use building blocks for tables, forms, filters, and more.
• 🎨 Tailwind CSS Integration – Utility-first styling for rapid customization.
• 🧩 Shadcn UI Elements – Composable, accessible, and modern UI primitives.
• 🌗 Dark Mode Support – Seamlessly switch between light and dark themes.
• ⚙️ Next.js App Directory – Built for the latest Next.js architecture.

📦 Installation

Install via npm or yarn:

npm install harmonia-components
# or
yarn add harmonia-components