15 des bibliothèques de composants d’interface utilisateur Vue les plus intéressantes pour 2020

15 des bibliothèques de composants d’interface utilisateur Vue les plus intéressantes pour 2020

15 des bibliothèques de composants d’interface utilisateur Vue les plus intéressantes pour 2020
СОДЕРЖАНИЕ
02 июня 2020

Bibliothèques de composants Vue UI intéressantes


"Pourquoi s’embêter avec les bibliothèques de composants Vue UI?" Eh bien, Vue ou Vue.js est une bibliothèque JavaScript populaire que vous pouvez utiliser pour créer des applications dynamiques sur le front-end. Depuis ses modestes débuts en 2014, il a pris de l’ampleur au cours des deux dernières années. Vue est devenu le principal concurrent d’Angular et de React, et l’une des raisons de la popularité de Vue est le large utilisation de composants, qui rendent le développement beaucoup plus facile à saisir.

Dans cet article, nous couvrons certaines des bibliothèques de composants Vue UI les plus intéressantes que vous devriez examiner en premier. Ils seront certainement utiles si vous avez une application Vue en cours!

1. Kit de matériel Vue

kit matériel vue

Vue Material Kit est un excellent raccourci que vous pouvez utiliser pour accélérer votre processus de conception / développement lors de la création de nouveaux sites ou applications Web. Une connaissance de base de JavaScript, Vuejs et Vue Router est requise, mais à part cela, le package est assez facile à saisir et magnifique.

Il y a 60 composants fabriqués à la main dans le kit, deux plugins personnalisés et trois pages d’exemple.

2. Vuetify

Page d'accueil de Vuetify

Vuetify est un framework sur Vue, qui vous permet créer des composants d’interface utilisateur propres, sémantiques et réutilisables. Il fonctionne avec le rendu côté serveur (SSR) de Vue.

Ce qui fait de Vuetify un choix intéressant parmi les meilleures bibliothèques de composants de l’interface utilisateur Vue, c’est la disponibilité d’échafaudages prêts à l’emploi pour le code – sous la forme de modèles vue-cli prédéfinis. Cela vous aide à démarrer rapidement. Vuetify a également une bonne communauté et des mises à jour régulières.

3. Buefy

Buefy

Buefy est une bibliothèque de composants d’interface utilisateur légère basée sur Vue et Bulma, un framework CSS. Ce cadre, bien que fourni avec Bulma, est inférieur à 100 Ko.

Si vous êtes à l’aise avec SASS, vous vous sentirez comme chez vous avec Les similitudes de Buefy avec SASS. Cela étant dit, alors que Buefy fournit une liste prête à l’emploi de composants à utiliser pour une application débutante, vous pouvez la trouver insuffisante si vous travaillez sur un grand projet..

4. Matériel Vue

Matériel Vue

Vue Material est une bibliothèque évolutive conçue avec les dernières spécifications de conception de Google. La bibliothèque contient composants utiles pour faciliter le processus de fabrication de shells d’applications complexes.

Avec plus de 1,7 million de téléchargements, il offre une bibliothèque légère pour créer des applications adaptées à chaque écran. La bibliothèque de matériaux Vue est compatible avec les navigateurs Web modernes et son API est adaptée aux débutants, ce qui la rend parfaite pour notre liste 2020.

5. Fish-UI

Interface utilisateur du poisson

Fish UI est une boîte à outils légère de bibliothèque de composants Vue UI, avec prise en charge de webpack et ES2015.

Au moment de la rédaction du présent document, ce projet ne comptait que cinq contributeurs. Cependant, il y a eu une activité au cours du dernier mois, ce qui suggère qu’elle est toujours active. Vous pouvez vous diriger vers la documentation du projet pour l’essayer!

6. Quasar

Quasar

Quasar est un framework frontal basé sur Vue. Vous devriez en tenir compte si vous prévoyez de travailler sur des applications Web et mobiles réactives. Il s’agit d’un framework à part entière qui prend en charge des fonctionnalités telles que la minification et la mise en cache – en plus des composants de votre framework. En mai 2020, il a plus de 14,6 k étoiles sur GitHub.

Quasar est peut-être la plus étendue de toutes les bibliothèques de composants Vue UI que nous avons couvertes ici. Il dispose d’une documentation approfondie et d’une implémentation robuste de bout en bout.

7. Vux

Vux

Vux est un framework basé sur WeUI et webpack de WeChat, au-dessus de Vue. Cependant, la documentation est principalement en chinois, avec une traduction anglaise minimale. Vux met l’accent sur le développement rapide de composants mobiles pour votre application.

Voici une démo en direct de Vux, qui répertorie tous les composants et leur rendu dans le navigateur.

8. Élément

Élément

Element est une bibliothèque de composants d’interface utilisateur pour le Web qui a également des versions pour Réagir et Angulaire, en plus de Vue. Cette bibliothèque de composants est spécifiquement axée sur les applications de bureau, car ses composants ne répondent pas.

Element possède également une documentation importante en chinois, bien que des traductions en espagnol et en anglais soient fournies. Les locuteurs chinois non natifs doivent passer par le documentation d’internationalisation avant d’utiliser Element dans leurs projets.

9. Keen-UI

Keen UI Documentation

Keen-UI, contrairement à la plupart des autres bibliothèques de composants Vue UI présentées dans cet article, se concentre sur l’interactivité via JavaScript plutôt que sur les composants visuels. Keen-UI est inspiré par Conception matérielle de Google, et est livré avec une API facile à utiliser.

Keen UI ne réitère pas la nécessité d’être utilisé dans votre application et dispose de quelques composants utiles qui peuvent être placés stratégiquement là où vous en avez besoin. Par conséquent, Keen UI est un bon choix lors de l’ajout de fonctionnalités itératives à une application existante.

dix. AT-UI

AT-UI

AT-UI est encore une autre bibliothèque de composants Vue UI avec un accent sur les applications de bureau.

AT-UI fournit des composants d’interface utilisateur plats pour vos applications Web. Il y a 14 contributeurs et pas beaucoup de soutien disponible, bien qu’il y ait un modèle de démarrage sur GitHub, vous pouvez utiliser.

11. Mint-UI

Mint-UI

Mint UI est une bibliothèque légère de composants Vue UI basée sur le compilateur Babel JavaScript. La petite taille de ce boîtier le rend approprié pour une utilisation dans des applications mobiles. Mint UI fournit un thème de type iOS pour les composants de votre application. Voici une démo des composants de l’interface utilisateur de Mint.

Mint UI a plus de 15k étoiles sur GitHub. Le développement du framework est toujours en cours, avec de nouveaux engagements dans la branche master à la mi-janvier. Cependant, un rapide coup d’œil au traqueur de problèmes sur GitHub vous dira que l’interface utilisateur de Mint s’adresse surtout aux développeurs chinois..

12. VuePress

VuePress

VuePress est un générateur de site statique basé sur Vue. Ce framework utilise webpack pour créer des pages HTML statiques pré-rendues (que diriez-vous des sites WordPress statiques?), Ce qui accélère considérablement le traitement.

L’utilisation de VuePress ouvre de nombreuses possibilités pour votre projet – comme automatiser votre processus de documentation. Il est également facile à intégrer dans votre application existante. Cependant, un inconvénient considérable est que le support SEO est encore nouveau, et la documentaiton ne se concentre pas encore sur ce sujet.

13. Eagle.js

Eagle.js

Eagle.js est un framework dans Vue qui permet aux développeurs de créer un diaporama dans une application web. Il existe de nombreux thèmes, animations, widgets et styles parmi lesquels choisir et personnaliser dans Eagle.js.

Même si Eagle.js fournit un bon nombre d’exemples sur le site de démonstration, Documentation est encore minime. L’alternative évidente à Eagle.js est Reveal.js, un framework JavaScript autonome pour les diaporamas Web. Cependant, Eagle.js surmonte le plus gros défaut avec Reveal.js – la rigidité de la structure du diaporama.

14. Bootstrap-Vue

Bootstrap-Vue

Bootstrap-Vue apporte la puissance de Bootstrap, une bibliothèque CSS largement utilisée, dans Vue. Il vous fournit des composants d’interface utilisateur facilement disponibles et un système de grille, et tout est mobile d’abord et réactif. De plus, les composants de cette bibliothèque sont compatibles avec les directives WAI-ARIA pour l’accessibilité du Web. Conformément à la philosophie de Bootstrap consistant à créer rapidement des composants d’interface utilisateur, Bootstrap-Vue permet à un développeur de démarrer rapidement un projet.

le la documentation est vaste et le soutien de la communauté est fort, ce qui en fait une option sûre pour quelqu’un de démarrer un projet avec.

15. iView UI

iView-UI

iView UI est une bibliothèque dans Vue qui fournit des composants et des widgets d’interface utilisateur, en mettant l’accent sur une conception soignée. iView possède son propre outil d’interface de ligne de commande (CLI), iView-cli, qui fournit un outil visuel pour l’échafaudage des composants et une version hors ligne de la documentation. Il est activement maintenu, avec mises à jour régulières résolution de bugs et ajout de fonctionnalités.

Si vous utilisez iView dans votre projet, voici un kit de démarrage, qui vous aidera à démarrer avec l’utilisation de base de la bibliothèque.

Quelle bibliothèque de composants Vue UI choisir?

Nous avons répertorié ici 15 bibliothèques de composants Vue UI qui remplissent diverses fonctions, mais laquelle est la meilleure? Eh bien, comme d’habitude, la réponse est "ça dépend." Si vous voulez une solution complète, vous pouvez aller de l’avant et choisir Quasar. D’un autre côté, si vous cherchez une solution plug-and-play pour vos projets existants, vous voudrez peut-être aller de l’avant avec Vuetify ou Keen-UI.

Quelles bibliothèques de composants Vue UI utilisez-vous dans vos projets? Faites-le nous savoir dans vos commentaires ci-dessous.

Vous pouvez également être intéressé par ces articles:

  • Meilleurs modèles de tableau de bord d’administration angulaire

N’oubliez pas de rejoindre notre cours accéléré sur l’accélération de votre site WordPress. Avec quelques correctifs simples, vous pouvez réduire votre temps de chargement de 50 à 80%:

* Ce message contient des liens d’affiliation, ce qui signifie que si vous cliquez sur l’un des liens vers les produits, puis achetez le produit, nous recevrons une somme modique. Pas de soucis cependant, vous paierez toujours le montant standard donc il n’y a pas de frais de votre part.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Это интересно
    Adblock
    detector