Vue JS হল একটি প্রগতিশীল জাভাস্ক্রিপ্ট ফ্রেমওয়ার্ক যা একক-পৃষ্ঠা অ্যাপ্লিকেশন (SPAs) এবং ইউজার ইন্টারফেস বিকাশ করতে ব্যবহৃত হয়। এবং এটি সেখানে সবচেয়ে ব্যাপকভাবে ব্যবহৃত ফ্রন্ট-এন্ড ফ্রেমওয়ার্কগুলির মধ্যে একটি।

 

Vue-এর একটি আকর্ষণীয় বৈশিষ্ট্য হল একটি ওয়েবপৃষ্ঠাকে বিভিন্ন উপাদানে বিভক্ত করার ক্ষমতা। এবং এই প্রক্রিয়াটি UI কম্পোনেন্ট লাইব্রেরি ব্যবহারের মাধ্যমে সহজ হয়ে যায়।

 

বিভিন্ন UI উপাদান লাইব্রেরি রয়েছে যা আপনাকে সহজে এবং দ্রুত উপাদান তৈরি করতে সাহায্য করতে পারে। তাই এই ব্লগে, আমরা 10 সালের জন্য সেরা 2021টি Vue UI কম্পোনেন্ট লাইব্রেরি পর্যালোচনা করতে যাচ্ছি।

 

1. প্রাইমভিউ

 

প্রাইমভিউ ব্যবহার করা সহজ, বহুমুখী এবং পারফরম্যান্সপূর্ণ Vue UI কম্পোনেন্ট লাইব্রেরি যা আপনাকে দুর্দান্ত ইউজার ইন্টারফেস তৈরি করতে সাহায্য করে।

 

ওয়েব কন্টেন্ট অ্যাক্সেসিবিলিটি নির্দেশিকা (WCAG) এবং প্রতিক্রিয়াশীল ডিজাইনের জন্য সম্পূর্ণ সমর্থন সহ এটিতে 80+ এর বেশি UI উপাদান রয়েছে। এবং সাম্প্রতিক আপডেটের জন্য ধন্যবাদ, লাইব্রেরিতে এখন Vue 3 এর জন্য সম্পূর্ণ সমর্থন রয়েছে। এটি আরও অনেক উপাদান পেয়েছে।

 

প্রাইমভিউ সম্পর্কে সেরা জিনিসগুলির মধ্যে একটি হল এর উপাদানগুলির বিস্তৃত পরিসর। এগুলি টেবিল এবং পেজিনেটর থেকে শুরু করে ভালভাবে তৈরি গ্রাফ-ভিত্তিক প্রতিষ্ঠানের চার্ট পর্যন্ত রয়েছে যা আপনি ইন্টারেক্টিভ Vue অ্যাপ তৈরি করতে ব্যবহার করতে পারেন। এটি ওপেন সোর্স এবং গিথুবে 1k+ স্টার এবং NPM-এ 6,983টি সাপ্তাহিক ডাউনলোড।

 

2. Vuetify

 

Vuetify হল একটি Vue UI লাইব্রেরি যেখানে সুন্দরভাবে হস্তশিল্পের উপাদান রয়েছে যা মেটেরিয়াল ডিজাইন স্পেসিফিকেশন ব্যবহার করে। এর মানে হল যে এটিকে ম্যাটেরিয়াল ডিজাইনের স্পেসিফিকেশন অনুযায়ী তৈরি করা হয়েছে যার প্রতিটি উপাদান সাবধানতার সাথে মডুলার, প্রতিক্রিয়াশীল এবং পারফরম্যান্সের জন্য তৈরি করা হয়েছে।

 

Vuetify আপনাকে অনন্য এবং গতিশীল বিন্যাস সহ আপনার অ্যাপ্লিকেশনগুলিকে কাস্টমাইজ করতে এবং SASS ভেরিয়েবল ব্যবহার করে আপনার উপাদানগুলির শৈলীগুলিকে নিখুঁত করতে দেয়৷

 

এটি অ্যাক্সেসিবিলিটি নির্দেশিকা, সমস্ত আধুনিক ব্রাউজার সমর্থন করে এবং Vue CLI-3 এর সাথে সামঞ্জস্যপূর্ণ। এটি সংহত করা সহজ এবং এতে প্রচুর পুনঃব্যবহারযোগ্য UI উপাদান রয়েছে যেমন ক্যারোসেল, নেভিগেশন এবং কার্ড৷ Vuetify হল ওপেন সোর্স এবং Github-এ 29k স্টার এবং NPM-এ 319,170টি সাপ্তাহিক ডাউনলোড সহ।

 

3. চক্র UI Vue

 

চক্র UI হল একটি সাধারণ মডুলার এবং অ্যাক্সেসযোগ্য কম্পোনেন্ট লাইব্রেরি যা আপনাকে দ্রুত এবং সহজে Vue অ্যাপ্লিকেশনগুলি তৈরি করার সরঞ্জাম দেয়।

 

সমস্ত উপাদান অ্যাক্সেসযোগ্য (এটি কঠোরভাবে WAI-ARIA মান অনুসরণ করে), থিমযোগ্য এবং রচনাযোগ্য। এটি বাক্সের বাইরে প্রতিক্রিয়াশীল শৈলী সমর্থন করে এবং অন্ধকার-মোড সামঞ্জস্যপূর্ণ।

 

চক্র UI-এ CBox এবং CStack-এর মতো লেআউট উপাদানগুলির একটি সেটও রয়েছে যা প্রপস পাস করে আপনার উপাদানগুলিকে স্টাইল করা সহজ করে তোলে। এটি আপনাকে একটি ওয়েবপ্যাক প্লাগইন সমাধান ব্যবহার করে চক্র UI Vue উপাদানগুলি স্বয়ংক্রিয়ভাবে আমদানি করতে দেয়। এটি ওপেন সোর্স এবং Github-এ 900+ স্টার এবং NPM-এ 331টি সাপ্তাহিক ডাউনলোড রয়েছে।

 

4. বুটস্ট্র্যাপ Vue

 

BootstrapVue, BootstrapVue এর সাথে আপনি Vue.js এবং জনপ্রিয় ফ্রন্ট-এন্ড CSS লাইব্রেরি — বুটস্ট্র্যাপ ব্যবহার করে ওয়েবে প্রতিক্রিয়াশীল, মোবাইল-প্রথম এবং ARIA অ্যাক্সেসযোগ্য প্রকল্পগুলি তৈরি করতে পারেন৷ ডকুমেন্টেশন বোঝা সহজ এবং এটি সেট আপ করাও সহজ। এটি ফ্রন্ট-এন্ড বাস্তবায়নকে দ্রুত সম্পন্ন করে।

 

এটি 85+ উপাদান, 45টির বেশি উপলব্ধ প্লাগইন, বিভিন্ন নির্দেশিকা এবং 1000+ আইকন অফার করে। এটি লেআউট এবং প্রতিক্রিয়াশীল ডিজাইনের জন্য তৈরি কার্যকরী উপাদান সরবরাহ করে। এছাড়াও আপনি Nuxt.js মডিউল ব্যবহার করে আপনার Nuxt.js প্রকল্পে BootstrapVue-কে সহজেই একীভূত করতে পারেন।

 

বুটস্ট্র্যাপ সিএসএস ফ্রেমওয়ার্ক যেভাবে ব্যবহার করা হচ্ছে সেভাবেই এটি ব্যবহার করা হয়। এটি প্রায় 12.9k স্টার এবং 1.7k ফর্ক সহ Github-এ ওপেন সোর্স।

 

5. Vuesax

 

Vuesax হল একটি নতুন UI কম্পোনেন্ট ফ্রেমওয়ার্ক যা Vuejs দিয়ে তৈরি করা হয়েছে সহজে এবং একটি অনন্য এবং মনোরম শৈলীর মাধ্যমে, vuesax স্ক্র্যাচ থেকে তৈরি করা হয়েছে এবং ফ্রন্টএন্ড লাভার থেকে ব্যাকএন্ড পর্যন্ত সব ধরনের ডেভেলপারদের জন্য ডিজাইন করা হয়েছে যারা সহজেই তাদের ভিজ্যুয়াল পদ্ধতি তৈরি করতে চায়। শেষ ব্যবহারকারী। ডিজাইনগুলি প্রতিটি উপাদানের জন্য অনন্য এবং কোনও ভিজ্যুয়াল প্রবণতা বা ডিজাইনের নিয়মগুলির সাথে নোঙর করা হয় না, এটির সাথে নির্মিত প্রকল্পগুলিকেও অনন্য করে তোলে।

 

এটি প্রতিক্রিয়াশীল পৃষ্ঠা এবং পুনরায় ব্যবহারযোগ্য এবং কাস্টমাইজযোগ্য UI উপাদানগুলি অফার করে। npm বা CDN ব্যবহার করে শুরু করাও সহজ। এটি বর্তমানে তার সাম্প্রতিক সংস্করণে Vue CLI 3 সমর্থন করে না। এটি প্রায় 4.9k তারকা এবং 6700টি সাপ্তাহিক ডাউনলোড NPM সহ Github-এ ওপেন সোর্স।

 

6. পিঁপড়া ডিজাইন Vue

 

পিঁপড়া ডিজাইনের স্পেসিফিকেশনের উপর ভিত্তি করে এন্ট ডিজাইন ভিউ হল একটি ভিউ UI লাইব্রেরি যেখানে সমৃদ্ধ, ইন্টারেক্টিভ ইউজার ইন্টারফেস তৈরির জন্য উচ্চ-মানের উপাদান এবং ডেমোগুলির একটি সেট রয়েছে।

 

অ্যান্ট-ডিজাইন-ভিউ আপনার ওয়েব অ্যাপ্লিকেশন যেমন কঙ্কাল, ড্রয়ার, পরিসংখ্যান এবং আরও অনেক কিছু সমৃদ্ধ করতে প্রচুর UI উপাদান সরবরাহ করে।

 

পিপীলিকা ডিজাইন vue সংস্করণ 2 এর সাম্প্রতিক প্রকাশের সাথে, এটিকে দ্রুত এবং সহজে সংহত করার জন্য আপডেট করা হয়েছে, ছোট বান্ডিল আকার, এবং এটি Vue 3, নিউ কম্পোজিশন API নথিকে সমর্থন করে। এটি আধুনিক ওয়েব ব্রাউজার, সার্ভার-সাইড রেন্ডারিং এবং ইলেক্ট্রনকেও সমর্থন করে। Github-এ এটির 13k স্টার রয়েছে এবং 39,693 সাপ্তাহিক ডাউনলোড NPM-এ রয়েছে।

 

7. কোয়াসার

 

Quasar হল সেরা Vue UI ফ্রেমওয়ার্কগুলির মধ্যে একটি যা ডেভেলপারদের Quasar CLI-এর মাধ্যমে সমস্ত প্ল্যাটফর্মের জন্য একটি সোর্স কোড বেস ব্যবহার করার অনুমতি দেয় এবং বাক্সের বাইরে সেরা অনুশীলনগুলি। এটি ডেভেলপারদের তাদের অ্যাপের বিষয়বস্তুর উপর ফোকাস করতে দেয় অন্য সব বয়লার প্লেটিং স্টাফ (বিল্ড সিস্টেম, লেআউট) এর চারপাশে নয়। এটি উপাদান 2.0 নির্দেশিকা অনুসরণ করার উপর দৃষ্টি নিবদ্ধ করে এবং একটি অত্যন্ত সহায়ক সম্প্রদায়ও রয়েছে।

 

কোয়াসার সম্পর্কে একটি বিশেষ জিনিস হল কোড একবার লেখার ক্ষমতা এবং একই সাথে এটিকে একটি ওয়েবসাইট, একটি মোবাইল অ্যাপ মাত্র একটি কোডবেস ব্যবহার করে স্থাপন করার ক্ষমতা। বর্তমানে বিটাতে একটি নতুন সংস্করণ রয়েছে যা vue 3 বৈশিষ্ট্যগুলিকে সমর্থন করবে। Github-এ এটির প্রায় 17.8k তারা রয়েছে।

 

8. Buefy

 

Buefy হল বুলমা (একটি CSS ফ্রেমওয়ার্ক) ভিত্তিক Vue JS-এর জন্য একটি লাইটওয়েট UI উপাদান লাইব্রেরি। Buefy বুলমাকে Vue এর সাথে একত্রিত করে, আপনাকে ন্যূনতম কোড ব্যবহার করে সুদর্শন অ্যাপ্লিকেশন তৈরি করতে সহায়তা করে। এটি আপনার বুলমা ইন্টারফেসের জন্য জাভাস্ক্রিপ্ট স্তর।

 

এটি একটি সাধারণ ওয়েবপেজে সম্পূর্ণরূপে বা একক উপাদান আমদানি করা যেতে পারে। এটিকে আপনার প্রকল্পে একীভূত করা বেশ সহজ, হয় npm বা CDN ব্যবহার করে করা যেতে পারে।

 

Buefy রেডিমেড UI উপাদান, লেআউট এবং আইকন প্রদান করে। উপাদান আপনার থিম SASS ব্যবহার করতে পারেন. এটি আধুনিক ব্রাউজারগুলিকেও সমর্থন করে।

 

9. Vue উপাদান

 

Vue Material হল একটি বহুল ব্যবহৃত, লাইটওয়েট ফ্রেমওয়ার্ক যা মেটেরিয়াল ডিজাইন স্পেসিফিকেশন প্রয়োগ করে। এটি Vue.js এবং মেটেরিয়াল ডিজাইন স্পেকের মধ্যে সেরা একীকরণের একটি! আপনি একটি সহজ API এর মাধ্যমে আপনার সমস্ত প্রয়োজন অনুসারে এটি সহজেই কনফিগার করতে পারেন।

 

এটি সমস্ত আধুনিক ওয়েব ব্রাউজারের জন্য প্রতিক্রিয়াশীল ডিজাইন এবং সমর্থনের সাথে সামঞ্জস্যপূর্ণ। লাইব্রেরিটি থিম, কম্পোনেন্ট এবং UI এলিমেন্টে বিভক্ত। থিমগুলি কীভাবে আপনার অ্যাপ্লিকেশনটিকে থিম করতে হয় (বা আপনার নিজের থিমগুলি লিখতে হয়) এবং উপাদানগুলি এবং UI উপাদানগুলি লেআউট, নেভিগেশন, টাইপোগ্রাফি, আইকন এবং আরও 30টি উপাদান নিয়ে গঠিত তার একটি নির্দিষ্ট নির্দেশিকা দেয়৷ এতে Github-এ প্রায় 9.2k স্টার এবং 1.1k ফর্ক রয়েছে এবং 21k + সাপ্তাহিক ডাউনলোড NPM।

 

10. KeenUI

 

KeenUI হল একটি লাইটওয়েট vue.js UI লাইব্রেরি একটি সাধারণ API সহ, Google এর মেটেরিয়াল ডিজাইন দ্বারা অনুপ্রাণিত৷ Keen UI একটি CSS ফ্রেমওয়ার্ক নয়। অতএব, এটি একটি গ্রিড সিস্টেম, টাইপোগ্রাফি, ইত্যাদির শৈলী অন্তর্ভুক্ত করে না। পরিবর্তে, জাভাস্ক্রিপ্ট প্রয়োজন এমন ইন্টারেক্টিভ উপাদানগুলিতে ফোকাস করা হয়।

 

এটিতে প্রায় 30টি পুনঃব্যবহারযোগ্য উপাদান রয়েছে। SASS ভেরিয়েবল ব্যবহার করে স্টাইলগুলিকে ওভাররাইড করে উপাদানগুলি কাস্টমাইজ করা যায়। আপনি সিডিএন বা এনপিএম ব্যবহার করে এটিকে আপনার প্রকল্পে একীভূত করতে পারেন। এটি ওপেন সোর্স এবং গিথুবে প্রায় 4k তারা রয়েছে৷

 

উপসংহার

 

UI উপাদান লাইব্রেরিগুলি অবশ্যই একটি প্রকল্প তৈরি করা আরও সহজ করে তোলে। সঠিকটি বেছে নেওয়া আপনি যে প্রকল্পে কাজ করতে চান তার বৈশিষ্ট্যগুলির উপর নির্ভর করে। একটি নতুন প্রকল্পে ডুব দেওয়ার আগে, একজনের জন্য UI উপাদান লাইব্রেরি পর্যালোচনা করার পরামর্শ দেওয়া হয় যা এই উদ্দেশ্যে সবচেয়ে উপযুক্ত।