Vue JS ਇੱਕ ਪ੍ਰਗਤੀਸ਼ੀਲ JavaScript ਫਰੇਮਵਰਕ ਹੈ ਜੋ ਸਿੰਗਲ-ਪੇਜ ਐਪਲੀਕੇਸ਼ਨਾਂ (SPAs) ਅਤੇ ਯੂਜ਼ਰ ਇੰਟਰਫੇਸ ਵਿਕਸਿਤ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ। ਅਤੇ ਇਹ ਉੱਥੇ ਸਭ ਤੋਂ ਵੱਧ ਵਰਤੇ ਜਾਣ ਵਾਲੇ ਫਰੰਟ-ਐਂਡ ਫਰੇਮਵਰਕ ਵਿੱਚੋਂ ਇੱਕ ਹੈ।
Vue ਦੀ ਇੱਕ ਦਿਲਚਸਪ ਵਿਸ਼ੇਸ਼ਤਾ ਇੱਕ ਵੈਬਪੇਜ ਨੂੰ ਵੱਖ-ਵੱਖ ਹਿੱਸਿਆਂ ਵਿੱਚ ਵੰਡਣ ਦੀ ਯੋਗਤਾ ਹੈ। ਅਤੇ ਇਹ ਪ੍ਰਕਿਰਿਆ UI ਕੰਪੋਨੈਂਟ ਲਾਇਬ੍ਰੇਰੀਆਂ ਦੀ ਵਰਤੋਂ ਨਾਲ ਸਰਲ ਹੋ ਜਾਂਦੀ ਹੈ।
ਇੱਥੇ ਵੱਖ-ਵੱਖ UI ਕੰਪੋਨੈਂਟ ਲਾਇਬ੍ਰੇਰੀਆਂ ਹਨ ਜੋ ਤੁਹਾਨੂੰ ਆਸਾਨੀ ਨਾਲ ਅਤੇ ਤੇਜ਼ੀ ਨਾਲ ਕੰਪੋਨੈਂਟ ਬਣਾਉਣ ਵਿੱਚ ਮਦਦ ਕਰ ਸਕਦੀਆਂ ਹਨ। ਇਸ ਲਈ ਇਸ ਬਲੌਗ ਵਿੱਚ, ਅਸੀਂ 10 ਲਈ ਚੋਟੀ ਦੀਆਂ 2021 Vue UI ਕੰਪੋਨੈਂਟ ਲਾਇਬ੍ਰੇਰੀਆਂ ਦੀ ਸਮੀਖਿਆ ਕਰਨ ਜਾ ਰਹੇ ਹਾਂ।
1. PrimeVue
PrimeVue ਵਰਤਣ ਲਈ ਇੱਕ ਸਧਾਰਨ, ਬਹੁਮੁਖੀ, ਅਤੇ ਪ੍ਰਦਰਸ਼ਨ ਕਰਨ ਵਾਲੀ Vue UI ਕੰਪੋਨੈਂਟ ਲਾਇਬ੍ਰੇਰੀ ਹੈ ਜੋ ਤੁਹਾਨੂੰ ਸ਼ਾਨਦਾਰ ਉਪਭੋਗਤਾ ਇੰਟਰਫੇਸ ਬਣਾਉਣ ਵਿੱਚ ਮਦਦ ਕਰਦੀ ਹੈ।
ਇਸ ਵਿੱਚ ਵੈੱਬ ਸਮੱਗਰੀ ਪਹੁੰਚਯੋਗਤਾ ਦਿਸ਼ਾ-ਨਿਰਦੇਸ਼ਾਂ (WCAG) ਅਤੇ ਜਵਾਬਦੇਹ ਡਿਜ਼ਾਈਨ ਲਈ ਪੂਰਨ ਸਮਰਥਨ ਦੇ ਨਾਲ 80+ ਤੋਂ ਵੱਧ UI ਭਾਗ ਹਨ। ਅਤੇ ਇੱਕ ਤਾਜ਼ਾ ਅੱਪਡੇਟ ਲਈ ਧੰਨਵਾਦ, ਲਾਇਬ੍ਰੇਰੀ ਵਿੱਚ ਹੁਣ Vue 3 ਲਈ ਪੂਰਾ ਸਮਰਥਨ ਹੈ। ਇਸ ਵਿੱਚ ਬਹੁਤ ਸਾਰੇ ਹੋਰ ਭਾਗ ਵੀ ਹਨ।
Primevue ਬਾਰੇ ਸਭ ਤੋਂ ਵਧੀਆ ਚੀਜ਼ਾਂ ਵਿੱਚੋਂ ਇੱਕ ਇਸਦੇ ਭਾਗਾਂ ਦੀ ਵਿਸ਼ਾਲ ਸ਼੍ਰੇਣੀ ਹੈ. ਉਹ ਟੇਬਲ ਅਤੇ ਪੇਜੀਨੇਟਰਾਂ ਤੋਂ ਲੈ ਕੇ ਚੰਗੀ ਤਰ੍ਹਾਂ ਤਿਆਰ ਕੀਤੇ ਗ੍ਰਾਫ-ਅਧਾਰਿਤ ਸੰਗਠਨ ਚਾਰਟ ਤੱਕ ਹੁੰਦੇ ਹਨ ਜਿਨ੍ਹਾਂ ਦੀ ਵਰਤੋਂ ਤੁਸੀਂ ਇੰਟਰਐਕਟਿਵ Vue ਐਪਸ ਬਣਾਉਣ ਲਈ ਕਰ ਸਕਦੇ ਹੋ। ਇਹ ਓਪਨ-ਸੋਰਸ ਹੈ ਅਤੇ Github 'ਤੇ 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 ਮੋਡੀਊਲ ਦੀ ਵਰਤੋਂ ਕਰਕੇ BootstrapVue ਨੂੰ ਆਪਣੇ Nuxt.js ਪ੍ਰੋਜੈਕਟਾਂ ਵਿੱਚ ਆਸਾਨੀ ਨਾਲ ਜੋੜ ਸਕਦੇ ਹੋ।
ਇਹ ਵੀ ਉਸੇ ਤਰ੍ਹਾਂ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ ਜਿਵੇਂ ਬੂਟਸਟਰੈਪ CSS ਫਰੇਮਵਰਕ ਵਰਤਿਆ ਜਾ ਰਿਹਾ ਹੈ। ਇਹ ਲਗਭਗ 12.9k ਸਿਤਾਰਿਆਂ ਅਤੇ 1.7k ਫੋਰਕਸ ਦੇ ਨਾਲ Github 'ਤੇ ਓਪਨ-ਸੋਰਸਡ ਹੈ।
5. ਵਿਊਸੈਕਸ
Vuesax ਇੱਕ ਨਵਾਂ UI ਕੰਪੋਨੈਂਟ ਫਰੇਮਵਰਕ ਹੈ ਜੋ Vuejs ਨਾਲ ਪ੍ਰੋਜੈਕਟਾਂ ਨੂੰ ਅਸਾਨੀ ਨਾਲ ਬਣਾਉਣ ਲਈ ਅਤੇ ਇੱਕ ਵਿਲੱਖਣ ਅਤੇ ਸੁਹਾਵਣਾ ਸ਼ੈਲੀ ਨਾਲ ਬਣਾਇਆ ਗਿਆ ਹੈ, vuesax ਨੂੰ ਸਕ੍ਰੈਚ ਤੋਂ ਬਣਾਇਆ ਗਿਆ ਹੈ ਅਤੇ ਫਰੰਟਐਂਡ ਪ੍ਰੇਮੀ ਤੋਂ ਲੈ ਕੇ ਬੈਕਐਂਡ ਤੱਕ ਹਰ ਕਿਸਮ ਦੇ ਡਿਵੈਲਪਰਾਂ ਲਈ ਤਿਆਰ ਕੀਤਾ ਗਿਆ ਹੈ ਜੋ ਆਸਾਨੀ ਨਾਲ ਆਪਣੀ ਵਿਜ਼ੂਅਲ ਪਹੁੰਚ ਬਣਾਉਣਾ ਚਾਹੁੰਦੇ ਹਨ। ਅੰਤਮ-ਉਪਭੋਗਤਾ. ਡਿਜ਼ਾਈਨ ਹਰੇਕ ਕੰਪੋਨੈਂਟ ਲਈ ਵਿਲੱਖਣ ਹੁੰਦੇ ਹਨ ਅਤੇ ਕਿਸੇ ਵੀ ਵਿਜ਼ੂਅਲ ਰੁਝਾਨ ਜਾਂ ਡਿਜ਼ਾਈਨ ਨਿਯਮਾਂ ਨਾਲ ਜੁੜੇ ਨਹੀਂ ਹੁੰਦੇ, ਇਸ ਨਾਲ ਬਣਾਏ ਗਏ ਪ੍ਰੋਜੈਕਟਾਂ ਨੂੰ ਵੀ ਵਿਲੱਖਣ ਬਣਾਉਂਦੇ ਹਨ।
ਇਹ ਜਵਾਬਦੇਹ ਪੰਨਿਆਂ ਅਤੇ ਮੁੜ ਵਰਤੋਂ ਯੋਗ ਅਤੇ ਅਨੁਕੂਲਿਤ UI ਭਾਗਾਂ ਦੀ ਪੇਸ਼ਕਸ਼ ਕਰਦਾ ਹੈ। npm ਜਾਂ CDN ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਸ਼ੁਰੂਆਤ ਕਰਨਾ ਵੀ ਆਸਾਨ ਹੈ। ਇਹ ਵਰਤਮਾਨ ਵਿੱਚ ਇਸਦੇ ਤਾਜ਼ਾ ਸੰਸਕਰਣ ਵਿੱਚ Vue CLI 3 ਦਾ ਸਮਰਥਨ ਨਹੀਂ ਕਰਦਾ ਹੈ। ਇਹ ਲਗਭਗ 4.9k ਸਿਤਾਰਿਆਂ ਅਤੇ 6700 ਹਫਤਾਵਾਰੀ ਡਾਉਨਲੋਡਸ NPM ਦੇ ਨਾਲ Github 'ਤੇ ਓਪਨ-ਸੋਰਸਡ ਹੈ।
6. ਕੀੜੀ ਡਿਜ਼ਾਈਨ Vue
ਕੀੜੀ ਡਿਜ਼ਾਈਨ ਨਿਰਧਾਰਨ ਦੇ ਅਧਾਰ 'ਤੇ ਕੀੜੀ ਡਿਜ਼ਾਈਨ ਵਯੂ, ਕੀੜੀ ਡਿਜ਼ਾਈਨ ਵਯੂ ਇੱਕ vue UI ਲਾਇਬ੍ਰੇਰੀ ਹੈ ਜਿਸ ਵਿੱਚ ਅਮੀਰ, ਇੰਟਰਐਕਟਿਵ ਉਪਭੋਗਤਾ ਇੰਟਰਫੇਸ ਬਣਾਉਣ ਲਈ ਉੱਚ-ਗੁਣਵੱਤਾ ਵਾਲੇ ਭਾਗਾਂ ਅਤੇ ਡੈਮੋ ਦਾ ਇੱਕ ਸਮੂਹ ਸ਼ਾਮਲ ਹੈ।
Ant-design-vue ਤੁਹਾਡੀਆਂ ਵੈਬ ਐਪਲੀਕੇਸ਼ਨਾਂ ਜਿਵੇਂ ਕਿ ਸਕਲੀਟਨ, ਦਰਾਜ਼, ਅੰਕੜੇ ਅਤੇ ਹੋਰ ਬਹੁਤ ਕੁਝ ਨੂੰ ਅਮੀਰ ਬਣਾਉਣ ਲਈ ਬਹੁਤ ਸਾਰੇ UI ਹਿੱਸੇ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ।
ਕੀਟ ਡਿਜ਼ਾਈਨ vue ਸੰਸਕਰਣ 2 ਦੇ ਹਾਲ ਹੀ ਵਿੱਚ ਰਿਲੀਜ਼ ਹੋਣ ਦੇ ਨਾਲ, ਇਸਨੂੰ ਏਕੀਕ੍ਰਿਤ ਕਰਨ ਲਈ ਤੇਜ਼ ਅਤੇ ਆਸਾਨ, ਛੋਟੇ ਬੰਡਲ ਆਕਾਰ, ਅਤੇ Vue 3, ਨਿਊ ਕੰਪੋਜੀਸ਼ਨ API ਦਸਤਾਵੇਜ਼ ਦਾ ਸਮਰਥਨ ਕਰਨ ਲਈ ਅਪਡੇਟ ਕੀਤਾ ਗਿਆ ਹੈ। ਇਹ ਆਧੁਨਿਕ ਵੈੱਬ ਬ੍ਰਾਊਜ਼ਰਾਂ, ਸਰਵਰ-ਸਾਈਡ ਰੈਂਡਰਿੰਗ, ਅਤੇ ਇਲੈਕਟ੍ਰਾਨ ਦਾ ਵੀ ਸਮਰਥਨ ਕਰਦਾ ਹੈ। Github 'ਤੇ ਅਤੇ 13 ਹਫਤਾਵਾਰੀ ਡਾਊਨਲੋਡ NPM 'ਤੇ ਇਸ ਦੇ 39,693k ਤੋਂ ਵੱਧ ਸਟਾਰ ਹਨ।
7. ਕਾਸਰ
Quasar ਵਧੀਆ Vue UI ਫਰੇਮਵਰਕ ਵਿੱਚੋਂ ਇੱਕ ਹੈ ਜੋ ਡਿਵੈਲਪਰਾਂ ਨੂੰ ਸਭ ਤੋਂ ਵਧੀਆ ਅਭਿਆਸਾਂ ਦੇ ਨਾਲ Quasar CLI ਦੁਆਰਾ ਸਾਰੇ ਪਲੇਟਫਾਰਮਾਂ ਲਈ ਇੱਕ ਸਰੋਤ ਕੋਡ ਅਧਾਰ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦਾ ਹੈ। ਇਹ ਡਿਵੈਲਪਰਾਂ ਨੂੰ ਇਸਦੇ ਆਲੇ ਦੁਆਲੇ ਹੋਰ ਸਾਰੀਆਂ ਬਾਇਲਰ ਪਲੇਟਿੰਗ ਸਮੱਗਰੀ (ਬਿਲਡ ਸਿਸਟਮ, ਲੇਆਉਟ) ਦੀ ਬਜਾਏ ਉਹਨਾਂ ਦੀ ਐਪ ਦੀ ਸਮੱਗਰੀ 'ਤੇ ਧਿਆਨ ਦੇਣ ਦਿੰਦਾ ਹੈ। ਇਹ ਮਟੀਰੀਅਲ 2.0 ਦਿਸ਼ਾ-ਨਿਰਦੇਸ਼ਾਂ ਦੀ ਪਾਲਣਾ ਕਰਨ 'ਤੇ ਕੇਂਦ੍ਰਿਤ ਹੈ ਅਤੇ ਇਸਦਾ ਬਹੁਤ ਸਹਿਯੋਗੀ ਭਾਈਚਾਰਾ ਵੀ ਹੈ।
Quasar ਬਾਰੇ ਖਾਸ ਗੱਲਾਂ ਵਿੱਚੋਂ ਇੱਕ ਇਹ ਹੈ ਕਿ ਕੋਡ ਨੂੰ ਇੱਕ ਵਾਰ ਲਿਖਣ ਦੀ ਸਮਰੱਥਾ ਹੈ ਅਤੇ ਨਾਲ ਹੀ ਇਸਨੂੰ ਇੱਕ ਵੈਬਸਾਈਟ, ਇੱਕ ਮੋਬਾਈਲ ਐਪ ਦੇ ਰੂਪ ਵਿੱਚ ਸਿਰਫ਼ ਇੱਕ ਕੋਡਬੇਸ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਤੈਨਾਤ ਕਰਨਾ ਹੈ। ਇਸ ਸਮੇਂ ਬੀਟਾ ਵਿੱਚ ਇੱਕ ਨਵਾਂ ਸੰਸਕਰਣ ਵੀ ਹੈ ਜੋ vue 3 ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨੂੰ ਸਪੋਰਟ ਕਰੇਗਾ। Github 'ਤੇ ਇਸ ਦੇ ਲਗਭਗ 17.8k ਸਟਾਰ ਹਨ।
8. ਬੁਫੀ
Buefy Bulma (ਇੱਕ CSS ਫਰੇਮਵਰਕ) 'ਤੇ ਆਧਾਰਿਤ Vue JS ਲਈ ਇੱਕ ਹਲਕਾ UI ਕੰਪੋਨੈਂਟ ਲਾਇਬ੍ਰੇਰੀ ਹੈ। Buefy Bulma ਨੂੰ Vue ਨਾਲ ਜੋੜਦਾ ਹੈ, ਘੱਟੋ-ਘੱਟ ਕੋਡ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਵਧੀਆ ਦਿੱਖ ਵਾਲੀਆਂ ਐਪਲੀਕੇਸ਼ਨਾਂ ਬਣਾਉਣ ਵਿੱਚ ਤੁਹਾਡੀ ਮਦਦ ਕਰਦਾ ਹੈ। ਇਹ ਤੁਹਾਡੇ ਬਲਮਾ ਇੰਟਰਫੇਸ ਲਈ ਜਾਵਾਸਕ੍ਰਿਪਟ ਪਰਤ ਹੈ।
ਇਹ ਜਾਂ ਤਾਂ ਇੱਕ ਆਮ ਵੈਬਪੇਜ 'ਤੇ ਪੂਰੀ ਤਰ੍ਹਾਂ ਜਾਂ ਸਿੰਗਲ ਕੰਪੋਨੈਂਟਸ ਨੂੰ ਆਯਾਤ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ। ਇਸਨੂੰ ਆਪਣੇ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ ਜੋੜਨਾ ਕਾਫ਼ੀ ਆਸਾਨ ਹੈ, ਜਾਂ ਤਾਂ npm ਜਾਂ CDN ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ।
Buefy ਰੈਡੀਮੇਡ UI ਕੰਪੋਨੈਂਟ, ਲੇਆਉਟ ਅਤੇ ਆਈਕਨ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ। ਕੰਪੋਨੈਂਟ ਤੁਹਾਡੀ ਥੀਮ ਲਈ SASS ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹਨ। ਇਹ ਆਧੁਨਿਕ ਬ੍ਰਾਊਜ਼ਰਾਂ ਦਾ ਵੀ ਸਮਰਥਨ ਕਰਦਾ ਹੈ।
9. Vue ਸਮੱਗਰੀ
Vue ਮੈਟੀਰੀਅਲ ਇੱਕ ਵਿਆਪਕ ਤੌਰ 'ਤੇ ਵਰਤਿਆ ਜਾਣ ਵਾਲਾ, ਹਲਕਾ ਢਾਂਚਾ ਹੈ ਜੋ ਮਟੀਰੀਅਲ ਡਿਜ਼ਾਈਨ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨੂੰ ਲਾਗੂ ਕਰਦਾ ਹੈ। ਇਹ Vue.js ਅਤੇ ਮੈਟੀਰੀਅਲ ਡਿਜ਼ਾਈਨ ਸਪੈਕਸ ਵਿਚਕਾਰ ਸਭ ਤੋਂ ਵਧੀਆ ਏਕੀਕਰਣ ਹੈ! ਤੁਸੀਂ ਇੱਕ ਆਸਾਨ API ਦੁਆਰਾ ਤੁਹਾਡੀਆਂ ਸਾਰੀਆਂ ਜ਼ਰੂਰਤਾਂ ਨੂੰ ਪੂਰਾ ਕਰਨ ਲਈ ਇਸਨੂੰ ਆਸਾਨੀ ਨਾਲ ਕੌਂਫਿਗਰ ਕਰ ਸਕਦੇ ਹੋ।
ਇਹ ਸਾਰੇ ਆਧੁਨਿਕ ਵੈੱਬ ਬ੍ਰਾਊਜ਼ਰਾਂ ਲਈ ਜਵਾਬਦੇਹ ਡਿਜ਼ਾਈਨ ਅਤੇ ਸਮਰਥਨ ਦੇ ਅਨੁਕੂਲ ਹੈ। ਲਾਇਬ੍ਰੇਰੀ ਨੂੰ ਥੀਮ, ਕੰਪੋਨੈਂਟਸ ਅਤੇ UI ਐਲੀਮੈਂਟਸ ਵਿੱਚ ਵੰਡਿਆ ਗਿਆ ਹੈ। ਥੀਮ ਤੁਹਾਡੀ ਐਪਲੀਕੇਸ਼ਨ (ਜਾਂ ਆਪਣੇ ਖੁਦ ਦੇ ਥੀਮ ਲਿਖਣ) ਬਾਰੇ ਇੱਕ ਨਿਸ਼ਚਤ ਗਾਈਡ ਦਿੰਦੇ ਹਨ ਅਤੇ ਕੰਪੋਨੈਂਟਸ ਅਤੇ UI ਐਲੀਮੈਂਟਸ ਵਿੱਚ ਲੇਆਉਟ, ਨੈਵੀਗੇਸ਼ਨ, ਟਾਈਪੋਗ੍ਰਾਫੀ, ਆਈਕਨ ਅਤੇ 30 ਹੋਰ ਕੰਪੋਨੈਂਟ ਸ਼ਾਮਲ ਹੁੰਦੇ ਹਨ। ਇਸ ਵਿੱਚ Github ਅਤੇ 9.2k + ਹਫਤਾਵਾਰੀ ਡਾਊਨਲੋਡ NPM 'ਤੇ ਲਗਭਗ 1.1k ਸਟਾਰ ਅਤੇ 21k ਫੋਰਕ ਹਨ।
10. KeenUI
KeenUI ਇੱਕ ਸਧਾਰਨ API ਦੇ ਨਾਲ ਇੱਕ ਹਲਕਾ vue.js UI ਲਾਇਬ੍ਰੇਰੀ ਹੈ, ਜੋ Google ਦੇ ਮਟੀਰੀਅਲ ਡਿਜ਼ਾਈਨ ਤੋਂ ਪ੍ਰੇਰਿਤ ਹੈ। ਕੀਨ UI ਇੱਕ CSS ਫਰੇਮਵਰਕ ਨਹੀਂ ਹੈ। ਇਸਲਈ, ਇਸ ਵਿੱਚ ਗਰਿੱਡ ਸਿਸਟਮ, ਟਾਈਪੋਗ੍ਰਾਫੀ, ਆਦਿ ਲਈ ਸਟਾਈਲ ਸ਼ਾਮਲ ਨਹੀਂ ਹਨ। ਇਸ ਦੀ ਬਜਾਏ, ਫੋਕਸ ਇੰਟਰਐਕਟਿਵ ਕੰਪੋਨੈਂਟਸ 'ਤੇ ਹੈ ਜਿਨ੍ਹਾਂ ਨੂੰ Javascript ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ।
ਇਸ ਵਿੱਚ ਲਗਭਗ 30 ਮੁੜ ਵਰਤੋਂ ਯੋਗ ਹਿੱਸੇ ਹਨ। ਕੰਪੋਨੈਂਟ SASS ਵੇਰੀਏਬਲ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਸਟਾਈਲ ਨੂੰ ਓਵਰਰਾਈਡ ਕਰਕੇ ਅਨੁਕੂਲਿਤ ਹਨ। ਤੁਸੀਂ ਇਸਨੂੰ ਆਪਣੇ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ ਜਾਂ ਤਾਂ CDN ਜਾਂ npm ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਏਕੀਕ੍ਰਿਤ ਕਰ ਸਕਦੇ ਹੋ। ਇਹ ਓਪਨ-ਸੋਰਸਡ ਹੈ ਅਤੇ ਗਿਥਬ 'ਤੇ ਲਗਭਗ 4k ਸਿਤਾਰੇ ਹਨ।
ਸਿੱਟਾ
UI ਕੰਪੋਨੈਂਟ ਲਾਇਬ੍ਰੇਰੀਆਂ ਯਕੀਨੀ ਤੌਰ 'ਤੇ ਇੱਕ ਪ੍ਰੋਜੈਕਟ ਨੂੰ ਬਣਾਉਣਾ ਬਹੁਤ ਆਸਾਨ ਬਣਾਉਂਦੀਆਂ ਹਨ। ਸਹੀ ਨੂੰ ਚੁਣਨਾ ਉਸ ਪ੍ਰੋਜੈਕਟ ਦੀਆਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ 'ਤੇ ਨਿਰਭਰ ਕਰਦਾ ਹੈ ਜਿਸ 'ਤੇ ਤੁਸੀਂ ਕੰਮ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ। ਕਿਸੇ ਨਵੇਂ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ ਗੋਤਾਖੋਰੀ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ, ਕਿਸੇ ਨੂੰ UI ਕੰਪੋਨੈਂਟ ਲਾਇਬ੍ਰੇਰੀ ਦੀ ਸਮੀਖਿਆ ਕਰਨ ਦੀ ਸਲਾਹ ਦਿੱਤੀ ਜਾਂਦੀ ਹੈ ਜੋ ਉਦੇਸ਼ ਲਈ ਸਭ ਤੋਂ ਅਨੁਕੂਲ ਹੈ।