Harsha UI

A modern, reusable React UI component library built with React and Vite.
Harsha UI provides clean, customizable, and production-ready components to help developers build beautiful interfaces faster.

✨ Features

• Reusable React components
• Modern and responsive design
• Lightweight and fast
• Easy to customize
• Simple installation
• Built with React 19

Installation

npm install harsha-ui

Import Styles

import "harsha-ui/dist/harsha-ui.css";

Quick Start

import { Button } from "harsha-ui";

function App() {
  return (
    <Button variant="primary">
      Get Started
    </Button>
  );
}

export default App;

📚 Available Components

| Component | Status | |-----------|--------| | Button | Ready | | Badge | Ready | | Input | Ready | | Rating | Ready | | Price | Ready | | ProductCard | Ready | | Modal | Ready |

Example

import {
  Button,
  Badge,
  Input,
  Rating,
  Price,
  ProductCard,
  Modal,
} from "harsha-ui";

🛣️ Roadmap

v1.0.0

• Button
• Badge
• Input
• Rating
• Price
• ProductCard
• Modal

Upcoming

• Dropdown
• Avatar
• Alert
• Toast
• Tooltip
• Tabs
• Accordion
• Spinner
• Pagination
• Skeleton Loader

Built With

• React
• Vite
• JavaScript (ES Modules)
• CSS

Contributing

Contributions, suggestions, and bug reports are always welcome.

If you'd like to contribute:

1. Fork the repository.
2. Create a new branch.
3. Make your changes.
4. Submit a Pull Request.

License

Licensed under the Apache-2.0 License.

Author

Harsha Ray

Building open-source React components to help developers create better user interfaces.

If you like this project, consider giving it a star on GitHub!