Repolode
Enviar
taiga-family

taiga-family/taiga-ui

Kit de UI para Angular con más de 130 componentes y 100 directivas, distribuido en puntos de entrada secundarios compatibles con tree-shaking y con temas basados en propiedades personalizadas de CSS.

Ver en GitHubSitio web
Estrellas
4,085
Forks
584
Issues abiertos
141
Último commit
hace 19 horas

¿Qué es?

Taiga UI es una biblioteca de componentes para Angular compuesta por varios paquetes base y complementos. Se basa en el enfoque ng-polymorpheus para el contenido dinámico y utiliza Web APIs for Angular para acceder al navegador.

Cada entidad se expone mediante puntos de entrada secundarios, por lo que importar un solo componente solo incluye en el bundle el código de ese componente. Los estilos se basan en propiedades personalizadas de CSS e incluye un tema oscuro listo para usar. Los componentes utilizan la detección de cambios OnPush y el proyecto está escrito en modo estricto de TypeScript.

La versión principal actual, 5.x, está dirigida a Angular 19 y versiones posteriores. El repositorio también incluye bibliotecas de Figma para las versiones 2.x y 3.x; la biblioteca de Figma para 5.x aún está en desarrollo.

Funciones clave

  • 01Los puntos de entrada secundarios permiten aplicar tree-shaking para que solo lleguen al bundle los componentes importados.
  • 02Los estilos se basan en propiedades personalizadas de CSS e incluyen un tema oscuro listo para usar.
  • 03Más de 130 componentes y más de 100 directivas, además de tokens, utilidades y herramientas.
  • 04Los componentes utilizan la detección de cambios OnPush y el código usa TypeScript estricto.
  • 05Basado en ng-polymorpheus y Web APIs for Angular.

Casos de uso

  • Crear una aplicación web con Angular que necesite un amplio conjunto de componentes de UI listos para usar.
  • Crear la interfaz de un producto con un tema visual personalizado basado en variables CSS.
  • Añadir modo oscuro a una aplicación Angular sin escribir lógica de temas personalizada para cada componente.

Inicio rápido

  1. 1

    Abre la guía Getting started en el sitio web oficial

  2. 2

    O usa el starter de StackBlitz para probar un ejemplo en el navegador

Antes de usarlo

  • Es un kit de interfaz de usuario exclusivo para Angular, por lo que no se puede usar con otros frameworks.
  • La versión actual de la rama v5 requiere Angular 19 o posterior; los proyectos de Angular más antiguos necesitan las ramas LTS v4 o v3.
  • La biblioteca de diseño de Figma solo está disponible para las versiones 2.x y 3.x.

En colecciones

Frameworks frontend y componentes de interfaz

Temas

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

Preguntas frecuentes

¿Qué es taiga-ui?
Kit de UI para Angular con más de 130 componentes y 100 directivas, distribuido en puntos de entrada secundarios compatibles con tree-shaking y con temas basados en propiedades personalizadas de CSS. Taiga UI es una biblioteca de componentes para Angular compuesta por varios paquetes base y complementos. Se basa en el enfoque ng-polymorpheus para el contenido dinámico y utiliza Web APIs for Angular para acceder al navegador.
¿taiga-ui es gratuito? ¿Qué licencia tiene?
taiga-ui es open source bajo la licencia Apache-2.0. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿taiga-ui sigue mantenido?
Mantenimiento activo. El último commit de taiga-ui fue el 6 nov 2026.
¿Para qué puedo usar taiga-ui?
Crear una aplicación web con Angular que necesite un amplio conjunto de componentes de UI listos para usar. Crear la interfaz de un producto con un tema visual personalizado basado en variables CSS. Añadir modo oscuro a una aplicación Angular sin escribir lógica de temas personalizada para cada componente.
¿Cómo se instala taiga-ui?
Abre la guía Getting started en el sitio web oficial O usa el starter de StackBlitz para probar un ejemplo en el navegador
¿Dónde consigo taiga-ui?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/taiga-family/taiga-ui

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados