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

ZenUI Library React ایک مفت، اوپن سورس UI کمپوننٹ لائبریری ہے جسے React اور Tailwind CSS کے ساتھ تیار کیا گیا ہے۔ اسے ایک ہلکے پھلکے اور قابلِ تخصیص (customizable) ذریعے کے طور پر پیش کیا گیا ہے جس کا مقصد فرنٹ اینڈ ڈویلپمنٹ کی رفتار کو بڑھانا ہے۔ README کے مطابق، یہ لائبریری کارکردگی کے لیے موزوں ہے، اسے ضم کرنا آسان ہے اور اس کی کوئی بیرونی ڈیپینڈنسیز نہیں ہیں؛ اس کا استعمال 'پلگ اینڈ پلے' ہے، یعنی کمپوننٹس کو پیکج کے طور پر انسٹال کرنے کے بجائے کاپی اور پیسٹ کیا جاتا ہے۔ README میں درج فہرست: کمپوننٹس - 800+ کمپوننٹس - 20+ پہلے سے بنے ہوئے ٹیمپلیٹس - ویب سائٹ بلاکس - ای کامرس کٹس اینیمیشنز - 100+ اینیمیٹڈ کمپوننٹس ٹولز - 500+ قابلِ تخصیص آئیکنز - کلر اوپیسٹی پیلیٹ - اپ لوڈ کردہ تصویر سے رنگ نکالنے کا ٹول (color picker) - HTML سیمنٹک ٹیگ ماسٹر - تیار شدہ کی بورڈ شارٹ کٹ فنکشن جنریٹر (shortKey) - Tailwind v3 کے لیے کنفیگ جنریٹر وسائل - 118+ پروگرامنگ وسائل پروجیکٹ میں ویب سائٹ ٹیمپلیٹس کی گیلری اور ایک پروگرام کا بھی ذکر ہے جس کے ذریعے تخلیق کار ZenUI Library میں React، Next.js یا Tailwind CSS ٹیمپلیٹس فروخت کر سکتے ہیں، جس میں فی فروخت 80% کمیشن اور ایک علیحدہ سبمیشن گائیڈ فراہم کی گئی ہے۔ لوکل ڈویلپمنٹ کے لیے انسٹالیشن ریپوزٹری کو کلون کریں، پروجیکٹ ڈائریکٹری میں جائیں، npm install کے ذریعے ڈیپینڈنسیز انسٹال کریں، اور پھر اسے npm run dev کے ذریعے شروع کریں۔ دستاویزات اور استعمال ZenUI کمپوننٹس آن لائن ZenUI لائبریری میں دستاویزی ہیں۔ طریقہ کار یہ ہے: ایک کمپوننٹ تلاش کریں، کوڈ اسنیپٹ کاپی کریں، اور اسے کہیں بھی پیسٹ کریں جہاں HTML یا JSX مارک اپ قبول کیا جاتا ہے۔ بنیادی استعمال کے لیے کسی کنفیگریشن کی ضرورت نہیں ہے۔ ہر کمپوننٹ Tailwind CSS کلاسز سے بنا ہے، لہذا ایک مثال کے طور پر بٹن کو خالصتاً پیڈنگ، بیک گراؤنڈ کلر، ٹیکسٹ کلر، راؤنڈڈ کارنرز اور ہوور اسٹیٹ کے لیے یوٹیلیٹی کلاسز کے ساتھ ڈیفائن کیا گیا ہے، اور یہ props کے بغیر کام کرتا ہے۔ چونکہ اسٹائلنگ کلاس پر مبنی ہے، اس لیے کمپوننٹس کو کلاسز میں تبدیلیاں کر کے یا نئی کلاسز شامل کر کے اپنی مرضی کے مطابق بنایا جا سکتا ہے: جیسے بیک گراؤنڈ رنگ بدلنا، پیڈنگ کو ایڈجسٹ کرنا، یا کلاس لسٹ میں ویلیوز تبدیل کر کے بارڈر ریڈیس بڑھانا۔ سائے (shadows) اور ٹرانزیشنز جیسے اثرات کے لیے اضافی Tailwind یوٹیلیٹیز استعمال کی جا سکتی ہیں۔ README میں تجویز کردہ بہترین طریقے تخصیص سے پہلے کمپوننٹ کے رویے کو سمجھنے کے لیے ڈیفالٹ کمپوننٹ سے شروع کریں؛ CSS کو دوبارہ لکھنے کے بجائے Tailwind کے utility-first اپروچ پر عمل کریں؛ اور مینٹیننس کو آسان بنانے کے لیے اسٹینڈرڈ کمپوننٹس میں کی گئی تبدیلیوں کے نوٹس رکھیں۔ پروجیکٹ اور کمیونٹی - لائسنس: MIT - تعاون: کمیونٹی کے تعاون کا خیرمقدم ہے، ریپوزٹری میں CONTRIBUTING.md فائل موجود ہے - ٹیمپلیٹ کی فروخت: گائیڈ لائنز، سبمیشن کے مراحل اور کمائی کی معلومات TEMPLATE_SUBMISSION_GUIDE.md میں موجود ہیں - لنکس: ویب سائٹ react-ui.zenui.net پر ہے، ساتھ ہی X (Twitter)، LinkedIn، Facebook اور Discord چینلز موجود ہیں - سپورٹ: ایک Ko-fi لنک فراہم کیا گیا ہے README میں بینچ مارکس، Tailwind v3 کنفیگ جنریٹر کے علاوہ پیکج ورژن، یا براؤزر سپورٹ کی تفصیلات بیان نہیں کی گئی ہیں۔