\n\n \n\n## 🚀 Introduction\n\nHzy UI is a library of ready-to-use, accessible, reusable, and composable React UI components built with the [Tailwind CSS](https://tailwindcss.com/) framework. It aims to simplify the development of modern web applications by providing a set of high-quality, customizable components that adhere to the latest web standards.\nThis lib provides ready-to-use, accessible, reusable, and composable\n\n**Note:** This project is currently under active development. Features and APIs are subject to change. Contributions and feedback are welcome!\n\n## 📋 Table of Contents\n\n- [Installation](#installation)\n- [Usage](#usage)\n- [Documentation](#documentation)\n- [Customization](#customization)\n- [License](#license)\n\n## 📦 Installation\n\nTo get started with Hzy UI, you can install it using either yarn or npm:\n\n```sh\n# with yarn\n$ yarn add @hattaalfaritzy/hzy-ui\n\n# with npm\n$ npm i @hattaalfaritzy/hzy-ui\n```\n\n## 🚀 Usage\n\n1. To start using the components, on your application entry point, import the CSS file.\n\n```jsx\n// Do this at the root of your application\nimport \"@hattaalfaritzy/hzy-ui/dist/index.css\";\n```\n\n2. Start using the components in your application\n Here's a quick example to get you started:\n\n```jsx\nimport { Button } from \"@hattaalfaritzy/hzy-ui\";\n\nconst App = () => {\n const handleClick = () => alert(\"Button Clicked!\");\n\n return (\n
\n \n
\n );\n};\n\nexport default App;\n```\n\n## 📚 Components\n\nExplore our comprehensive set of components that are designed to be flexible and easy to use.\n\n- **Button**: Highly customizable buttons with multiple variants and sizes.\n- **Input**: Text inputs, checkboxes, radio buttons, and more.\n- **Modal**: Beautiful and accessible modals for dialogs and popups.\n- **Dropdown**: Feature-rich dropdown menus with support for custom items.\n- ...and many more!\n\nFor detailed usage and examples, check out the full [documentation](https://hattaalfaritzy.github.io/hzy-ui/).\n\n## 🎨 Customization\n\nHzy-UI is built with Tailwind CSS, making it incredibly easy to customize components to match your design system.\nYou can override default styles or extend them using Tailwind's utility classes.\n\n## 📝 License\n\nThis project is licensed under the MIT License. See the [LICENSE](https://github.com/hattaalfaritzy/hzy-ui/blob/main/LICENSE) file for more details.\n","readmeFilename":"README.md"}
![\"GitHub](\"https://img.shields.io/github/license/hattaalfaritzy/hzy-ui\")
\n ![\"GitHub](\"https://img.shields.io/github/actions/workflow/status/hattaalfaritzy/hzy-ui/release.yml\")
\n ![\"GitHub](\"https://img.shields.io/github/v/release/hattaalfaritzy/hzy-ui\")
\n ![](\"https://img.shields.io/npm/v/@hattaalfaritzy/hzy-ui?logo=npm\")
\n