{"repo":"frau-azadeh/uikit","free":true,"listed":false,"github":"https://github.com/frau-azadeh/uikit","clone":"git clone https://github.com/frau-azadeh/uikit.git","description":"This is a reusable and scalable UI Kit built with React and TailwindCSS to maintain design consistency across projects.","language":"TypeScript","stars":15,"topics":["nextjs","tailwindcss","typescript","ui","ui-components","uikit"],"license":"MIT","category":"ui-components","readme_excerpt":"🚀 Custom UI Kit for React (TailwindCSS) This is a reusable and scalable UI Kit built with React and TailwindCSS to maintain design consistency across projects. 📌 Features - 🔄 Reusable Components – Write once, use everywhere. - 🎨 Customizable Props – Modify size , variant , align , and width easily. - 📱 Responsive Design – Works seamlessly across devices. - ⚡ TailwindCSS Powered – Lightweight and easy to customize. 📦 Installation To use this UI Kit in your project, install TailwindCSS if you haven't already: npm install tailwindcss Then, import the components into your project. 🚀 Components 1️⃣ Button Component A fully customizable button with variants, sizes, alignment, and width options. ✅ Usage import { Button } from \"@/components/ui/Button\"; Click Me 🎨 Props Prop Type Default Description --------- --------------------------------- ----------- --------------------------------- variant \"primary\" , \"secondary\" \"primary\" Defines button color scheme size \"sm\" , \"md\" \"sm\" Defines button size align \"left\" , \"center\" , \"right\" \"center\" Sets text alignment inside button width \"full\" , \"auto\" , \"small\" \"auto\" Controls button width 🎨 Customization You can customize the button styles in Button.tsx: const variantClass = { primary: \"bg-blue-500 text-white\", secondary: \"bg-green-700 text-white\", }; Simply update the colors, fonts, and effects as per your design system. 🛠 Upcoming Components After completing the Button, we will develop the following UI components: 🎨 Essential C","default_branch":null,"files":null,"tree":[],"storefront":"/r/frau-azadeh","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/frau-azadeh/uikit/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}