প্রকল্প সম্পর্কে

ZenUI Library React হলো React এবং Tailwind CSS দিয়ে তৈরি একটি বিনামূল্যে এবং ওপেন-সোর্স UI কম্পোনেন্ট লাইব্রেরি। এটি একটি হালকা এবং কাস্টমাইজযোগ্য রিসোর্স হিসেবে তৈরি করা হয়েছে যা ফ্রন্ট-এন্ড ডেভেলপমেন্টের গতি বৃদ্ধি করে। README-তে উল্লেখ করা হয়েছে যে, এই লাইব্রেরিটি পারফরম্যান্সের জন্য অপ্টিমাইজ করা, সহজে ইন্টিগ্রেট করা যায় এবং এর কোনো ডিপেন্ডেন্সি নেই; এর ব্যবহার পদ্ধতি হলো 'প্লাগ-অ্যান্ড-প্লে', যার অর্থ কম্পোনেন্টগুলো প্যাকেজ হিসেবে ইনস্টল করার পরিবর্তে সরাসরি কপি এবং পেস্ট করে ব্যবহার করা হয়। README-তে যা যা তালিকাভুক্ত করা হয়েছে: কম্পোনেন্টসমূহ - ৮০০+ কম্পোনেন্ট - ২০+ প্রি-বিল্ট টেমপ্লেট - ওয়েবসাইট ব্লকস - ই-কমার্স কিটস অ্যানিমেশন - ১০০+ অ্যানিমেটেড কম্পোনেন্ট টুলস - ৫০০+ কাস্টমাইজযোগ্য আইকন - কালার অপাসিটি প্যালেট - আপলোড করা ছবি থেকে রঙ এক্সট্রাক্ট করার টুল (কালার পিকার) - HTML সেমান্টিক ট্যাগ মাস্টার - তৈরি করা কিবোর্ড শর্টকাট ফাংশন জেনারেটর (shortKey) - Tailwind v3-এর জন্য কনফিগ জেনারেটর রিসোর্স - ১১৮+ প্রোগ্রামিং রিসোর্স প্রজেক্টটিতে ওয়েবসাইট টেমপ্লেটের একটি গ্যালারির কথা উল্লেখ করা হয়েছে এবং একটি প্রোগ্রামের কথা বলা হয়েছে যার মাধ্যমে ক্রিয়েটররা ZenUI Library-তে React, Next.js বা Tailwind CSS টেমপ্লেট বিক্রি করতে পারেন। এতে প্রতিটি বিক্রির ৮০% কমিশন এবং একটি আলাদা সাবমিশন গাইডের কথা বলা হয়েছে। লোকাল ডেভেলপমেন্টের জন্য ইনস্টলেশন রিপোজিটরি ক্লোন করুন, প্রজেক্ট ডিরেক্টরিতে যান, npm install দিয়ে ডিপেন্ডেন্সি ইনস্টল করুন এবং তারপর npm run dev দিয়ে এটি চালু করুন। ডকুমেন্টেশন এবং ব্যবহার ZenUI কম্পোনেন্টগুলো অনলাইন ZenUI লাইব্রেরিতে ডকুমেন্ট করা আছে। এর কাজের ধারা হলো: একটি কম্পোনেন্ট খুঁজে বের করা, কোড স্নিপেটটি কপি করা এবং যেখানে HTML বা JSX মার্কআপ গ্রহণ করা হয় সেখানে পেস্ট করা। সাধারণ ব্যবহারের জন্য কোনো কনফিগারেশন ধাপের প্রয়োজন নেই। প্রতিটি কম্পোনেন্ট Tailwind CSS ক্লাস দিয়ে তৈরি, তাই উদাহরণস্বরূপ একটি বাটন প্যাডিং, ব্যাকগ্রাউন্ড কালার, টেক্সট কালার, রাউন্ডেড কর্নার এবং হোভার স্টেটের জন্য শুধুমাত্র ইউটিলিটি ক্লাস দিয়ে সংজ্ঞায়িত করা হয়েছে এবং এটি প্রপস ছাড়াই কাজ করে। যেহেতু স্টাইলিং ক্লাস-ভিত্তিক, তাই ক্লাস লিস্টের ভ্যালু পরিবর্তন করে ব্যাকগ্রাউন্ড কালার, প্যাডিং বা বর্ডার রেডিয়াস অ্যাডজাস্ট করার মাধ্যমে কম্পোনেন্টগুলো কাস্টমাইজ করা যায়। শ্যাডো এবং ট্রানজিশনের মতো ইফেক্টের জন্য অতিরিক্ত Tailwind ইউটিলিটি ব্যবহার করা যেতে পারে। README-তে প্রস্তাবিত সেরা অনুশীলনসমূহ কাস্টমাইজ করার আগে কম্পোনেন্টের আচরণ বোঝার জন্য ডিফল্ট কম্পোনেন্ট দিয়ে শুরু করুন; CSS পুনরায় লেখার পরিবর্তে Tailwind-এর ইউটিলিটি-ফার্স্ট পদ্ধতি অনুসরণ করুন; এবং সহজ রক্ষণাবেক্ষণের জন্য স্ট্যান্ডার্ড কম্পোনেন্টে করা পরিবর্তনের নোট রাখুন। প্রজেক্ট এবং কমিউনিটি - লাইসেন্স: MIT - অবদান: কমিউনিটির অবদান স্বাগত, রিপোজিটরিতে একটি CONTRIBUTING.md ফাইল রয়েছে - টেমপ্লেট বিক্রি: নির্দেশিকা, সাবমিশন ধাপ এবং আয়ের তথ্য TEMPLATE_SUBMISSION_GUIDE.md-তে দেওয়া আছে - লিঙ্ক: ওয়েবসাইট react-ui.zenui.net, সাথে X (Twitter), LinkedIn, Facebook এবং Discord চ্যানেল - সাপোর্ট: একটি Ko-fi লিঙ্ক প্রদান করা হয়েছে README-তে কোনো বেঞ্চমার্ক, Tailwind v3 কনফিগ জেনারেটরের কথা উল্লেখ করা ছাড়া প্যাকেজ ভার্সন বা ব্রাউজার সাপোর্ট সংক্রান্ত বিস্তারিত তথ্য দেওয়া নেই।