Sobre o projeto
Awesome UI Component Library é um diretório selecionado de bibliotecas de componentes de framework para estilos de UI, toolkits e sistemas de design. De acordo com sua própria descrição, ele exclui deliberadamente bibliotecas de componentes individuais, como botões, seletores ou formulários, focando em vez disso em bibliotecas mais amplas e sistemas de design que fornecem a base para a construção de interfaces.
Estrutura e escopo
A lista é organizada principalmente por framework de front-end, com um índice que abrange React, VueJS, React Native, Lynx, Angular, EmberJS, Mithril, Rails, Web Components e Astro. Várias das seções de frameworks maiores são subdivididas em subseções de "Special use case libraries", "Tools" e "Related community list", o que ajuda os leitores a separar kits de propósito geral de ofertas mais restritas e utilitários de suporte.
A seção de React é a mais extensa, abrangendo linguagens de design corporativas, sistemas de design empresariais, primitivos de componentes focados em acessibilidade, kits orientados para dispositivos móveis, implementações de Bootstrap e Material Design, e bibliotecas estilizadas ou temáticas. Exemplos dos tipos de entradas incluídas são 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 e Reactstrap. Muitas entradas trazem uma breve descrição do propósito ou origem da biblioteca, um link para o site do projeto e, para projetos hospedados no GitHub, um selo de estrelas.
VueJS, React Native, Angular e EmberJS recebem tratamento comparável, cada um com suas próprias subseções de casos de uso especiais e listas da comunidade. Web Components, Mithril, Rails, Astro e Lynx possuem seções dedicadas menores. Além das bibliotecas de framework, a lista também reúne "Some Community conversations" e uma seção de "Styleguides", direcionando os leitores para referências de design e discussões, em vez de apenas código.
Como usar
A lista é um ponto de partida para avaliar fundações de UI para um projeto: os leitores podem comparar bibliotecas dentro de um framework escolhido, verificar se existe uma opção focada em acessibilidade ou temas e acessar a documentação ao vivo, demos e repositórios. Como as entradas vinculam a sites externos, a disponibilidade e o status de manutenção de qualquer biblioteca específica são melhor verificados na fonte vinculada. O README observa as diretrizes de contribuição, e o projeto é licenciado abertamente com uma seção de contribuição e uma seção de licença no índice. Uma lista relacionada, Awesome UX Design Styleguides, é referenciada para leitores interessados em orientação de design em vez de código de componentes.
Público
É voltado para desenvolvedores front-end, designers e equipes que estejam selecionando uma biblioteca de componentes ou sistema de design, bem como qualquer pessoa que mantenha um guia de estilo ou sistema de design e procure por referências anteriores em diversos frameworks.
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.