Repolode
Submit
taiga-family

taiga-family/taiga-ui

An Angular UI kit of 130+ components and 100+ directives, built as tree-shakable secondary entry points with CSS custom property theming.

View on GitHubWebsite
Stars
4,085
Forks
584
Open issues
141
Last commit
19 hours ago

What is it?

Taiga UI is an Angular component library made of several base packages and add-ons. It is built on the ng-polymorpheus approach for dynamic content and uses Web APIs for Angular for browser access.

Each entity is exposed through secondary entry points, so importing a single component only bundles that component's code. Styling runs on CSS custom properties, and a dark theme is included out of the box. Components use OnPush change detection and the project is written in strict TypeScript mode.

The current major version, 5.x, targets Angular 19 and later. The repository also includes Figma libraries for the 2.x and 3.x versions, while a Figma library for 5.x is still in progress.

Key features

  • 01Secondary entry points allow tree-shaking so only imported components reach the bundle.
  • 02CSS custom properties drive styling, with a dark theme available out of the box.
  • 03Over 130 components and 100+ directives, plus tokens, utilities and tools.
  • 04Components use OnPush change detection and the codebase uses strict TypeScript.
  • 05Built on ng-polymorpheus and Web APIs for Angular.

Use cases

  • Building an Angular web application that needs a broad set of ready-made UI components.
  • Creating a product UI with a custom visual theme driven by CSS variables.
  • Adding a dark mode to an Angular app without writing custom theme logic for each component.

Quick start

  1. 1

    Open the Getting started guide on the official website

  2. 2

    Or use the StackBlitz starter to try a sample in the browser

Things to know

  • It is an Angular-only UI kit, so it cannot be used with other frameworks.
  • The current v5 line requires Angular 19 or later; older Angular projects need the v4 or v3 LTS lines.
  • The Figma design library is only available for versions 2.x and 3.x.

In collections

Frontend frameworks & UI components

Topics

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

FAQ

What is taiga-ui?
An Angular UI kit of 130+ components and 100+ directives, built as tree-shakable secondary entry points with CSS custom property theming. Taiga UI is an Angular component library made of several base packages and add-ons. It is built on the ng-polymorpheus approach for dynamic content and uses Web APIs for Angular for browser access.
Is taiga-ui free to use? What license does it have?
taiga-ui is open source under the Apache-2.0 license. Check the license terms before using it in commercial products.
Is taiga-ui still maintained?
Actively maintained. The last commit to taiga-ui was on Nov 6, 2026.
What can I use taiga-ui for?
Building an Angular web application that needs a broad set of ready-made UI components. Creating a product UI with a custom visual theme driven by CSS variables. Adding a dark mode to an Angular app without writing custom theme logic for each component.
How do I install taiga-ui?
Open the Getting started guide on the official website Or use the StackBlitz starter to try a sample in the browser
Where can I get taiga-ui?
The source code and installation instructions are on GitHub: https://github.com/taiga-family/taiga-ui

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects