Top-Vue-UI-Component-Libraries-ati-Frameworks-lati-Ronu-ni-2021

 

Vue JS jẹ ilana JavaScript ti o ni ilọsiwaju ti o nlo lati ṣe agbekalẹ awọn ohun elo oju-iwe kan (SPAs) ati Awọn atọkun olumulo. Ati pe o jẹ ọkan ninu awọn ilana iwaju-ipari ti o lo pupọ julọ ti o wa nibẹ.

 

Ẹya ti o nifẹ si ti Vue ni agbara rẹ lati fọ oju-iwe wẹẹbu kan sinu awọn paati oriṣiriṣi. Ati pe ilana yii di irọrun pẹlu lilo awọn ile-ikawe paati UI.

 

Awọn ile ikawe paati UI lọpọlọpọ wa ti o le ṣe iranlọwọ fun ọ lati ṣẹda awọn paati ni irọrun ati yarayara. Nitorinaa ninu bulọọgi yii, a yoo ṣe atunyẹwo oke 10 Vue UI Awọn ile-ikawe paati paati fun 2021.

 

1. PrimeVue

 

PrimeVue jẹ rọrun lati lo, wapọ, ati adaṣe Vue UI Component Library ti o ṣe iranlọwọ fun ọ lati kọ awọn atọkun olumulo oniyi.

 

O ni awọn paati 80+ UI pẹlu atilẹyin kikun fun Awọn Itọsọna Wiwọle Akoonu Wẹẹbu (WCAG) ati apẹrẹ idahun. Ati pe o ṣeun si imudojuiwọn aipẹ kan, ile-ikawe ni bayi ni atilẹyin kikun fun Vue 3. O tun ni awọn paati diẹ sii.

 

Ọkan ninu awọn ohun ti o dara julọ nipa Primevue ni ọpọlọpọ awọn ohun elo. Wọn wa lati awọn tabili ati awọn paginators si awọn shatti agbari ti o da lori iwọn ti a ṣe daradara ti o le lo lati ṣẹda awọn ohun elo Vue ibaraenisepo. O jẹ orisun ṣiṣi ati pe o ni awọn irawọ 1k+ lori Github ati awọn igbasilẹ ọsẹ 6,983 lori NPM.

 

2. Vuetify

 

Vuetify jẹ ile-ikawe Vue UI kan pẹlu Awọn ohun elo ti a fi ọwọ ṣe ẹlẹwa ti o lo sipesifikesonu Apẹrẹ Ohun elo. Eyi tumọ si pe o ti ni idagbasoke ni deede ni ibamu si awọn pato Apẹrẹ Ohun elo pẹlu gbogbo paati ti a ṣe daradara lati jẹ apọjuwọn, idahun, ati adaṣe.

 

Vuetify jẹ ki o ṣe akanṣe awọn ohun elo rẹ pẹlu awọn ipilẹ alailẹgbẹ ati agbara ati pipe awọn aza ti awọn paati rẹ nipa lilo awọn oniyipada SASS.

 

O tun ṣe atilẹyin awọn ilana iraye si, gbogbo awọn aṣawakiri ode oni, ati pe o ni ibamu pẹlu Vue CLI-3. O rọrun lati ṣepọ ati pe o ni ọpọlọpọ awọn paati UI atunlo bii carousels, awọn lilọ kiri, ati awọn kaadi. Vuetify jẹ orisun ṣiṣi ati pẹlu awọn irawọ 29k lori Github ati awọn igbasilẹ ọsẹ 319,170 lori NPM.

 

3. Chakra UI Vue

 

Chakra UI jẹ apọjuwọn irọrun ati ile-ikawe paati wiwọle ti o fun ọ ni awọn irinṣẹ lati kọ awọn ohun elo Vue ni iyara ati irọrun.

 

Gbogbo awọn paati wa ni iraye si (o muna tẹle awọn iṣedede WAI-ARIA), akori, ati composable. O ṣe atilẹyin awọn aza idahun lati inu apoti ati pe o jẹ ibaramu ipo dudu.

 

Chakra UI tun ni eto awọn paati ipilẹ bi CBox ati CStack ti o jẹ ki o rọrun lati ṣe ara awọn paati rẹ nipasẹ gbigbe awọn atilẹyin. O tun gba ọ laaye lati gbe wọle laifọwọyi awọn paati Chakra UI Vue ni lilo ojutu ohun itanna apo-iwe kan. O jẹ orisun ṣiṣi ati pe o ni awọn irawọ 900+ lori Github ati awọn igbasilẹ ọsẹ 331 lori NPM.

 

4. Bootstrap Vue

 

BootstrapVue, Pẹlu BootstrapVue o le kọ idahun, alagbeka-akọkọ, ati awọn iṣẹ iwọle ARIA lori oju opo wẹẹbu ni lilo Vue.js ati ile-ikawe CSS iwaju-opin olokiki - Bootstrap. Awọn iwe jẹ rọrun lati ni oye ati pe o tun rọrun lati ṣeto. O mu ki awọn imuse iwaju-opin ṣe yiyara.

 

O funni ni awọn paati 85+, ju awọn afikun 45 ti o wa, awọn itọsọna pupọ, ati awọn aami 1000+. O tun pese awọn paati iṣẹ ṣiṣe ti a ṣe deede fun awọn ipilẹ ati apẹrẹ idahun. o tun le ni rọọrun ṣepọ BootstrapVue sinu awọn iṣẹ akanṣe Nuxt.js rẹ nipa lilo module Nuxt.js.

 

O tun lo ni ọna kanna bi ilana bootstrap CSS ti nlo. O wa ni ṣiṣi lori Github pẹlu awọn irawọ 12.9k ati awọn orita 1.7k.

 

5. Vuesax

 

Vuesax jẹ ilana paati UI tuntun ti a ṣẹda pẹlu Vuejs lati ṣe awọn iṣẹ akanṣe ni irọrun ati pẹlu ara alailẹgbẹ ati idunnu, a ṣẹda vuesax lati ibere ati apẹrẹ fun gbogbo awọn iru ti awọn olupilẹṣẹ lati ọdọ olufẹ iwaju si ẹhin ti o fẹ lati ni irọrun ṣẹda ọna wiwo wọn si olumulo ipari. Awọn apẹrẹ jẹ alailẹgbẹ fun paati kọọkan ati pe a ko fi ara si eyikeyi awọn aṣa wiwo tabi awọn ofin apẹrẹ, ṣiṣe awọn iṣẹ akanṣe ti a ṣe pẹlu alailẹgbẹ rẹ daradara.

 

o nfun awọn oju-iwe ti o ni idahun ati awọn ohun elo UI ti o tun le lo ati isọdi. O tun rọrun lati bẹrẹ pẹlu boya lilo npm tabi CDN. Lọwọlọwọ ko ṣe atilẹyin Vue CLI 3 ni ẹya aipẹ rẹ. O ti wa ni ṣiṣi lori Github pẹlu awọn irawọ 4.9k ati awọn igbasilẹ NPM 6700 ni ọsẹsẹ.

 

6. Ant Design Vue

 

Ant Design vue ti o da lori sipesifikesonu Apẹrẹ Ant, Vue apẹrẹ Ant jẹ ile-ikawe UI UI kan ti o ni akojọpọ awọn paati didara ga ati awọn demos fun kikọ ọlọrọ, awọn atọkun olumulo ibaraenisepo.

 

Ant-design-vue n pese ọpọlọpọ awọn paati UI lati ṣe alekun awọn ohun elo wẹẹbu rẹ bii Skeleton, duroa, awọn iṣiro ati pupọ diẹ sii.

 

Pẹlu itusilẹ aipẹ ti ant design vue version 2, o ti ni imudojuiwọn lati yiyara ati rọrun lati ṣepọ, iwọn lapapo kekere, ati pe o tun ṣe atilẹyin Vue 3, Titun Tiwqn API iwe. O tun ṣe atilẹyin awọn aṣawakiri wẹẹbu ode oni, Rendering ẹgbẹ olupin, ati itanna. O ni ju awọn irawọ 13k lọ lori Github ati lori awọn igbasilẹ NPM 39,693 osẹ-ọsẹ.

 

7. Quasar

 

Quasar jẹ ọkan ninu awọn ilana Vue UI ti o dara julọ ti o gba awọn olupilẹṣẹ laaye lati lo ipilẹ koodu orisun kan fun gbogbo awọn iru ẹrọ nipasẹ Quasar CLI pẹlu awọn iṣe ti o dara julọ lati inu apoti. O jẹ ki awọn olupilẹṣẹ dojukọ akoonu App wọn ju gbogbo awọn nkan fifin igbomikana miiran (eto kọ, akọkọ) ni ayika rẹ. o wa ni idojukọ lori titẹle awọn itọnisọna Ohun elo 2.0 ati pe o tun ni agbegbe atilẹyin pupọ.

 

Ọkan ninu awọn ohun pataki nipa Quasar ni agbara lati kọ koodu ni ẹẹkan ati ni igbakanna ti o lo bi oju opo wẹẹbu kan, Ohun elo Alagbeka kan nipa lilo koodu koodu kan. Ẹya tuntun tun wa lọwọlọwọ ni beta eyiti yoo ṣe atilẹyin awọn ẹya 3 vue. O ni awọn irawọ 17.8k lori Github.

 

8. Buefy

 

Buefy jẹ ile-ikawe paati UI iwuwo fẹẹrẹ fun Vue JS ti o da lori Bulma (ilana CSS kan). Buefy darapọ Bulma pẹlu Vue, ṣe iranlọwọ fun ọ lati kọ awọn ohun elo ti o dara ni lilo koodu kekere. o jẹ apẹrẹ JavaScript fun wiwo Bulma rẹ.

 

O le ṣe gbe wọle patapata tabi awọn paati ẹyọkan lori oju opo wẹẹbu lasan. Ṣiṣẹpọ rẹ sinu iṣẹ akanṣe rẹ rọrun pupọ, boya ṣee ṣe ni lilo npm tabi CDN.

 

Buefy n pese awọn paati UI ti a ti ṣetan, ifilelẹ, ati awọn aami. Awọn paati le lo SASS si akori rẹ. O tun ṣe atilẹyin awọn aṣawakiri ode oni.

 

9. Vue Ohun elo

 

Ohun elo Vue jẹ lilo pupọ, ilana iwuwo fẹẹrẹ ti o ṣe imuse awọn pato Apẹrẹ Ohun elo. O jẹ ọkan ninu awọn ti o dara ju Integration laarin Vue.js ati Ohun elo Design alaye lẹkunrẹrẹ! O le ni rọọrun tunto rẹ lati ba gbogbo awọn iwulo rẹ mu nipasẹ API ti o rọrun.

 

O ni ibamu pẹlu apẹrẹ idahun ati atilẹyin fun gbogbo awọn aṣawakiri wẹẹbu ode oni. Ile-ikawe ti pin si Awọn akori, Awọn paati, ati Awọn eroja UI. Awọn akori naa funni ni itọsọna pataki lori bi o ṣe le ṣe akori ohun elo rẹ (tabi kọ awọn akori tirẹ) ati Awọn paati ati Awọn eroja UI ni awọn ipilẹ, lilọ kiri, iwe-kikọ, awọn aami, ati awọn paati 30 diẹ sii. O ni nipa awọn irawọ 9.2k ati awọn orita 1.1k lori Github ati 21k + awọn igbasilẹ ọsẹ NPM.

 

10. KeenUI

 

KeenUI jẹ ile-ikawe UI ti o fẹẹrẹ fẹẹrẹ kan vue.js pẹlu API ti o rọrun, atilẹyin nipasẹ Apẹrẹ Ohun elo Google. Keen UI kii ṣe ilana CSS kan. Nitorinaa, ko pẹlu awọn aza fun eto akoj, iwe afọwọkọ, ati bẹbẹ lọ Dipo, idojukọ jẹ lori awọn paati ibaraenisepo ti o nilo Javascript.

 

O ni o ni nipa 30 reusable irinše. Awọn paati jẹ isọdi nipa didaju awọn aṣa nipa lilo awọn oniyipada SASS. o le ṣepọ si iṣẹ akanṣe rẹ boya lilo CDN tabi npm. O ti wa ni ṣiṣi ati pe o ni awọn irawọ 4k lori Github.

 

ipari

 

Awọn ile ikawe paati UI dajudaju jẹ ki iṣelọpọ iṣẹ akanṣe rọrun pupọ. Yiyan awọn ọtun kan da lori awọn ẹya ara ẹrọ ti ise agbese ti o fẹ lati sise lori. Ṣaaju ki o to omiwẹ sinu iṣẹ akanṣe tuntun, o ni imọran fun ọkan lati ṣe atunyẹwo ile-ikawe paati UI eyiti o baamu julọ fun idi naa.