Sobre el proyecto
Awesome UI Component Library es un directorio seleccionado de librerías de componentes de framework para estilos de UI, toolkits y sistemas de diseño. Según su propia descripción, excluye deliberadamente librerías de componentes individuales como botones, selectores o formularios, centrándose en su lugar en librerías más amplias y sistemas de diseño que proporcionan una base para construir interfaces.
Estructura y alcance
La lista está organizada principalmente por framework de front-end, con una tabla de contenidos que cubre React, VueJS, React Native, Lynx, Angular, EmberJS, Mithril, Rails, Web Components y Astro. Varias de las secciones de frameworks más grandes se dividen además en subsecciones de "Special use case libraries", "Tools" y "Related community list", lo que ayuda a los lectores a separar los kits de propósito general de las ofertas más específicas y las utilidades de soporte.
La sección de React es la más extensa, abarcando lenguajes de diseño empresariales, sistemas de diseño corporativos, primitivas de componentes enfocadas en la accesibilidad, kits orientados a móviles, implementaciones de Bootstrap y Material Design, y librerías estilizadas o temáticas. Ejemplos de los tipos de entradas incluidas son 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 y Reactstrap. Muchas entradas incluyen una breve descripción del propósito u origen de la librería, un enlace al sitio del proyecto y, para los proyectos alojados en GitHub, una insignia de estrellas.
VueJS, React Native, Angular y EmberJS reciben un tratamiento comparable, cada uno con sus propias subsecciones de casos de uso especiales y listas comunitarias. Web Components, Mithril, Rails, Astro y Lynx tienen secciones dedicadas más pequeñas. Más allá de las librerías de framework, la lista también reúne "Some Community conversations" y una sección de "Styleguides", orientando a los lectores hacia referencias de diseño y discusiones en lugar de solo código.
Cómo usarlo
La lista es un punto de partida para evaluar las bases de UI de un proyecto: los lectores pueden comparar librerías dentro de un framework elegido, verificar si existe una opción enfocada en la accesibilidad o en el temizado, y acceder a la documentación en vivo, demos y repositorios. Debido a que las entradas enlazan a sitios externos, la disponibilidad y el estado de mantenimiento de cualquier librería en particular se verifican mejor en la fuente enlazada. El README indica las pautas de contribución, y el proyecto tiene una licencia abierta con una sección de contribución y una sección de licencia en la tabla de contenidos. Se hace una referencia cruzada a una lista relacionada, Awesome UX Design Styleguides, para los lectores interesados en la guía de diseño en lugar del código de componentes.
Audiencia
Está dirigida a desarrolladores de front-end, diseñadores y equipos que seleccionan una librería de componentes o un sistema de diseño, así como a cualquier persona que mantenga una guía de estilo o un sistema de diseño y busque ejemplos previos en diversos frameworks.
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.