منصوبے کے بارے میں

Tailgrids ایک اوپن سورس React UI کمپوننٹ لائبریری ہے جو Tailwind CSS پر مبنی ہے۔ اس کے README کے مطابق، یہ 100 سے زیادہ پروڈکشن ریڈی، مکمل طور پر قابل تخصیص اور کاپی پیسٹ کے لیے موزوں کمپوننٹس، اور پریمیم UI بلاکس اور ٹیمپلیٹس کے مجموعے کے ذریعے جدید ویب ایپلی کیشنز کو تیزی سے تیار کرنے کا ایک طریقہ ہے۔ ان کمپوننٹس کو ہاتھ سے تیار کردہ اور پکسل پرفیکٹ بتایا گیا ہے، جس میں صارف کے تجربے (UX)، کارکردگی، رسائی (accessibility)، ڈارک موڈ اور ریسپانسو-نس (responsiveness) پر توجہ دی گئی ہے۔ اس کے استعمال میں ویب سائٹس، ڈیش بورڈز، SaaS پروڈکٹس، لینڈنگ پیجز اور اندرونی ٹولز شامل ہیں۔ اس کی انسٹالیشن CLI کے ذریعے ہوتی ہے۔ ایک init کمانڈ React یا Next.js پروجیکٹ میں کنفیگریشن، بنیادی اسٹائلز اور ڈیپینڈنسیز سیٹ کرتی ہے، اور ایک add کمانڈ کسی انفرادی کمپوننٹ (جیسے button) کو شامل کرتی ہے۔ اس کے بعد کمپوننٹس کو پروجیکٹ کی components ڈائریکٹری سے امپورٹ کیا جاتا ہے اور variant جیسے props کے ساتھ استعمال کیا جاتا ہے۔ ورژن 3 میں اس لائبریری کو React اور TypeScript کی بہترین سپورٹ کے ساتھ دوبارہ تیار کیا گیا ہے۔ اس کی خصوصیات میں 100 سے زیادہ مفت کمپوننٹس، ایپس، ڈیش بورڈز، مارکیٹنگ، ای کامرس اور AI کے لیے 500 سے زیادہ تیار UI سیکشنز، لچکدار تھیمنگ سسٹم کے ساتھ جدید ڈیزائن ٹوکنز، بلٹ ان ایکسیسبیلٹی، ریسپانسو ڈیزائن اور کی بورڈ نیویگیشن، Next.js، Vite، CRA اور دیگر React فریم ورکس کے ساتھ مطابقت، کم بھاری ڈیپینڈنسیز، اور ایک شامل اوپن سورس SVG آئیکن لائبریری شامل ہیں۔ README میں کمپوننٹس کی فہرست دی گئی ہے۔ فارم اور ان پٹ عناصر میں button، button group، checkbox، radio input، native select، combobox، OTP input، date picker، time picker، text area، slider، input اور input group شامل ہیں۔ لے آؤٹ اور نیویگیشن کے حصوں میں card، tabs، accordion، collapsible، breadcrumbs، pagination، navigation menu، menubar، drawer، sheet، resizable، scroll area، aspect ratio اور separator شامل ہیں۔ فیڈ بیک اور اوورلے کمپوننٹس میں alert، alert dialog، dialog، toast، tooltip، popover، hover card، context menu، progress، skeleton اور spinner شامل ہیں۔ ڈیٹا ڈسپلے آئٹمز میں table، chart، avatar، badge، label، link اور list شامل ہیں۔ ہر کمپوننٹ کی دستاویزات میں مثالیں، API ریفرنسز اور ایکسیسبیلٹی نوٹس موجود ہیں۔ UI بلاکس اور ٹیمپلیٹس الگ وسائل کے طور پر پیش کیے گئے ہیں: بلاکس ڈیش بورڈز، ایپس، مارکیٹنگ، ای کامرس اور AI پروڈکٹس کے لیے پہلے سے بنے ہوئے سیکشنز ہیں، جبکہ ٹیمپلیٹس مکمل React اور Tailwind صفحات اور لے آؤٹس ہیں۔ کچھ مواد، جیسے کہ انٹرپرائز Figma ڈیزائن سسٹم، Pro صارفین کے لیے دستیاب ہے، اور بلاکس اور ٹیمپلیٹس کو مفت کمپوننٹ سیٹ سے ہٹ کر پریمیم اضافے کے طور پر بیان کیا گیا ہے۔ یہ پروجیکٹ MIT لائسنس کے تحت جاری کیا گیا ہے اور ذاتی اور تجارتی استعمال کے لیے مفت ہے۔ README میں پل ریکویسٹ (pull requests) اور Discord یا GitHub Discussions پر فیڈ بیک کے ذریعے تعاون کی دعوت دی گئی ہے، اور ایک کنٹری بیوٹنگ گائیڈ کا لنک بھی دیا گیا ہے۔