À propos du projet
Awesome UI Component Library est un répertoire organisé de bibliothèques de composants de framework pour les styles UI, les kits d'outils et les systèmes de design. Selon sa propre description, il exclut délibérément les bibliothèques de composants individuels tels que les boutons, les sélecteurs ou les formulaires, pour se concentrer sur des bibliothèques plus larges et des systèmes de design qui fournissent une base pour la construction d'interfaces.
Structure et portée
La liste est principalement organisée par framework front-end, avec une table des matières couvrant React, VueJS, React Native, Lynx, Angular, EmberJS, Mithril, Rails, Web Components et Astro. Plusieurs des sections de frameworks les plus importantes sont subdivisées en sous-sections « Special use case libraries », « Tools » et « Related community list », ce qui aide les lecteurs à distinguer les kits polyvalents des offres plus restreintes et des utilitaires de support.
La section React est la plus exhaustive, englobant des langages de design d'entreprise, des systèmes de design corporate, des primitives de composants axées sur l'accessibilité, des kits orientés mobile, des implémentations de Bootstrap et Material Design, ainsi que des bibliothèques stylisées ou thématiques. Parmi les entrées incluses, on trouve Ant Design React, Atlaskit, Blueprint, Carbon, Chakra UI, Elastic UI, Evergreen, Fabric, Gestalt, Grommet, Lightning Design System, Material UI, PatternFly React, Polaris React, Prime React, Reakit, Rebass, Semantic UI React, React Bootstrap et Reactstrap. De nombreuses entrées comportent une brève description de l'objectif ou de l'origine de la bibliothèque, un lien vers le site du projet et, pour les projets hébergés sur GitHub, un badge d'étoiles.
VueJS, React Native, Angular et EmberJS bénéficient d'un traitement comparable, chacun ayant ses propres sous-sections de cas d'utilisation spéciaux et de listes communautaires. Web Components, Mithril, Rails, Astro et Lynx disposent de sections dédiées plus restreintes. Au-delà des bibliothèques de frameworks, la liste rassemble également « Some Community conversations » et une section « Styleguides », orientant les lecteurs vers des références de design et des discussions plutôt que vers le seul code.
Comment l'utiliser
La liste constitue un point de départ pour évaluer les fondations UI d'un projet : les lecteurs peuvent comparer les bibliothèques au sein d'un framework choisi, vérifier s'il existe une option axée sur l'accessibilité ou le thémage, et accéder à la documentation en direct, aux démos et aux dépôts. Comme les entrées renvoient vers des sites externes, la disponibilité et l'état de maintenance de toute bibliothèque particulière sont mieux vérifiés à la source liée. Le README note les directives de contribution, et le projet est sous licence ouverte avec une section de contribution et une section de licence dans la table des matières. Une liste associée, Awesome UX Design Styleguides, est référencée pour les lecteurs intéressés par des conseils de design plutôt que par du code de composants.
Public cible
Elle s'adresse aux développeurs front-end, aux designers et aux équipes sélectionnant une bibliothèque de composants ou un système de design, ainsi qu'à toute personne maintenant un guide de style ou un système de design et recherchant des exemples existants à travers différents frameworks.
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.