Repolode
提交项目
taiga-family

taiga-family/taiga-ui

面向 Angular 的 UI 组件库，提供 130 多个组件和 100 多个指令，支持按需引入和暗色主题。

在 GitHub 查看官网
Star
4,085
Fork
584
未关闭 Issue
141
最近提交
20小时前

这是什么？

Taiga UI 是一套 Angular 组件库，由多个基础库和若干扩展包组成，动态内容机制基于 ng-polymorpheus，浏览器相关能力则使用 Web APIs for Angular。

每个实体都通过次级入口（secondary entry points）导出，只引入一个组件时，打包结果中只包含该组件的代码。样式基于 CSS 自定义属性实现，开箱即用支持暗色主题。组件普遍采用 OnPush 变更检测，项目以 TypeScript strict 模式开发。

当前主版本 5.x 面向 Angular 19 及以上版本。仓库同时提供 2.x 和 3.x 版本的 Figma 设计库，5.x 版本的 Figma 库仍在开发中。

核心功能

  • 01基于次级入口实现 tree-shaking，只打包实际引入的组件。
  • 02使用 CSS 自定义属性定制样式，开箱支持暗色主题。
  • 03提供 130 多个组件、100 多个指令，以及 tokens、工具函数等。
  • 04组件采用 OnPush 变更检测，代码库使用 strict 模式的 TypeScript。
  • 05基于 ng-polymorpheus 和 Web APIs for Angular 构建。

适用场景

  • 为需要大量现成组件的 Angular Web 应用快速搭建界面。
  • 通过 CSS 变量定制品牌视觉风格，构建产品 UI。
  • 在 Angular 应用中添加暗色模式，无需为每个组件单独编写主题逻辑。

快速上手

  1. 1

    打开官网上的入门指南

  2. 2

    或者使用 StackBlitz starter 在浏览器中试用示例

使用前须知

  • 这是仅面向 Angular 的 UI 组件库，无法用于其他框架。
  • 当前 v5 版本需要 Angular 19 或更高版本；较旧的 Angular 项目需要使用 v4 或 v3 的 LTS 分支。
  • Figma 设计库仅提供 2.x 和 3.x 版本。

收录于专题

前端框架与界面组件

标签

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

常见问题

taiga-ui 是什么？
面向 Angular 的 UI 组件库，提供 130 多个组件和 100 多个指令，支持按需引入和暗色主题。 Taiga UI 是一套 Angular 组件库，由多个基础库和若干扩展包组成，动态内容机制基于 ng-polymorpheus，浏览器相关能力则使用 Web APIs for Angular。
taiga-ui 可以免费使用吗？用的什么许可证？
taiga-ui 以 Apache-2.0 许可证开源。用于商业产品前，请先确认许可证条款。
taiga-ui 还在维护吗？
活跃维护中。taiga-ui 最近一次提交是在 2026年11月6日。
taiga-ui 适合用来做什么？
为需要大量现成组件的 Angular Web 应用快速搭建界面。 通过 CSS 变量定制品牌视觉风格，构建产品 UI。 在 Angular 应用中添加暗色模式，无需为每个组件单独编写主题逻辑。
taiga-ui 怎么安装和运行？
打开官网上的入门指南 或者使用 StackBlitz starter 在浏览器中试用示例
在哪里获取 taiga-ui？
源代码和安装说明在 GitHub 上：https://github.com/taiga-family/taiga-ui

概要由 AI 根据项目 README 生成；GitHub 数据每日更新。

相关项目