Repolode
Enviar
taiga-family

taiga-family/taiga-ui

Kit de UI para Angular com mais de 130 componentes e 100 diretivas, organizado em entry points secundários tree-shakable e com temas baseados em propriedades personalizadas do CSS.

Ver no GitHubSite
Estrelas
4,085
Forks
584
Issues abertas
141
Último commit
há 19 horas

O que é?

Taiga UI é uma biblioteca de componentes para Angular, formada por vários pacotes base e add-ons. Ela usa a abordagem ng-polymorpheus para conteúdo dinâmico e Web APIs for Angular para acessar recursos do navegador.

Cada entidade é disponibilizada por entry points secundários, então importar um único componente inclui no bundle apenas o código desse componente. A estilização usa propriedades personalizadas do CSS, e um tema escuro já vem incluído. Os componentes usam detecção de mudanças OnPush, e o projeto foi escrito com o modo estrito do TypeScript.

A versão principal atual, 5.x, é compatível com Angular 19 ou posterior. O repositório também inclui bibliotecas do Figma para as versões 2.x e 3.x, enquanto a biblioteca do Figma para 5.x ainda está em desenvolvimento.

Recursos principais

  • 01Os entry points secundários permitem tree-shaking, para que apenas os componentes importados sejam incluídos no bundle.
  • 02A estilização é baseada em propriedades personalizadas do CSS, com tema escuro disponível por padrão.
  • 03Mais de 130 componentes e mais de 100 diretivas, além de tokens, utilitários e ferramentas.
  • 04Os componentes usam detecção de mudanças OnPush, e a base de código usa TypeScript em modo estrito.
  • 05Desenvolvido com ng-polymorpheus e Web APIs for Angular.

Casos de uso

  • Desenvolver uma aplicação web com Angular que precise de um amplo conjunto de componentes de UI prontos para uso.
  • Criar a interface de um produto com um tema visual personalizado baseado em variáveis CSS.
  • Adicionar modo escuro a um app Angular sem criar lógica de tema personalizada para cada componente.

Início rápido

  1. 1

    Abra o guia Getting started no site oficial

  2. 2

    Ou use o starter do StackBlitz para testar um exemplo no navegador

Antes de usar

  • É um kit de interface exclusivo para Angular, portanto não pode ser usado com outros frameworks.
  • A linha atual da v5 requer Angular 19 ou posterior; projetos Angular mais antigos precisam usar as linhas LTS v4 ou v3.
  • A biblioteca de design do Figma está disponível apenas para as versões 2.x e 3.x.

Em coleções

Frameworks frontend e componentes de interface

Tópicos

#angular#component-library#typescript#ui-components#design-system#css#frontend#best-practices#cdk#components

Perguntas frequentes

O que é taiga-ui?
Kit de UI para Angular com mais de 130 componentes e 100 diretivas, organizado em entry points secundários tree-shakable e com temas baseados em propriedades personalizadas do CSS. Taiga UI é uma biblioteca de componentes para Angular, formada por vários pacotes base e add-ons. Ela usa a abordagem ng-polymorpheus para conteúdo dinâmico e Web APIs for Angular para acessar recursos do navegador.
taiga-ui é gratuito? Qual é a licença?
taiga-ui é open source sob a licença Apache-2.0. Confira os termos da licença antes de usá-lo em produtos comerciais.
taiga-ui ainda é mantido?
Manutenção ativa. O último commit de taiga-ui foi em 6 de nov. de 2026.
Para que posso usar taiga-ui?
Desenvolver uma aplicação web com Angular que precise de um amplo conjunto de componentes de UI prontos para uso. Criar a interface de um produto com um tema visual personalizado baseado em variáveis CSS. Adicionar modo escuro a um app Angular sem criar lógica de tema personalizada para cada componente.
Como instalar taiga-ui?
Abra o guia Getting started no site oficial Ou use o starter do StackBlitz para testar um exemplo no navegador
Onde consigo taiga-ui?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/taiga-family/taiga-ui

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados