Repolode
Предложить
taiga-family

taiga-family/taiga-ui

UI-kit для Angular с более чем 130 компонентами и 100 директивами: tree-shaking через дополнительные точки входа и темы на CSS custom properties.

Открыть на GitHubСайт
Звёзды
4,085
Форки
585
Открытые issues
141
Последний коммит
14 часов назад

Что это?

Taiga UI — библиотека компонентов для Angular, состоящая из нескольких базовых пакетов и дополнений. Она основана на подходе ng-polymorpheus для работы с динамическим содержимым и использует Web APIs for Angular для взаимодействия с браузером.

Каждая сущность доступна через дополнительную точку входа, поэтому при импорте отдельного компонента в бандл попадает только его код. Для стилизации используются CSS custom properties, а тёмная тема доступна из коробки. Компоненты используют стратегию обнаружения изменений OnPush, а проект написан в строгом режиме TypeScript.

Текущая мажорная версия 5.x рассчитана на Angular 19 и новее. В репозитории также есть библиотеки Figma для версий 2.x и 3.x, а библиотека Figma для 5.x пока в разработке.

Ключевые возможности

  • 01Дополнительные точки входа позволяют использовать tree-shaking, чтобы в бандл попадали только импортированные компоненты.
  • 02Для стилизации используются CSS custom properties; тёмная тема доступна из коробки.
  • 03Более 130 компонентов и 100 директив, а также токены, утилиты и инструменты.
  • 04Компоненты используют стратегию обнаружения изменений OnPush, а кодовая база — строгий режим TypeScript.
  • 05Основана на ng-polymorpheus и Web APIs for Angular.

Сценарии использования

  • Создание веб-приложения на Angular, которому нужен широкий набор готовых UI-компонентов.
  • Создание интерфейса продукта с собственной визуальной темой на основе CSS-переменных.
  • Добавление тёмной темы в приложение Angular без написания отдельной логики темизации для каждого компонента.

Быстрый старт

  1. 1

    Откройте руководство Getting started на официальном сайте

  2. 2

    Или воспользуйтесь стартовым проектом StackBlitz, чтобы попробовать пример в браузере

Что важно знать

  • Это UI-kit только для Angular, поэтому использовать его с другими фреймворками нельзя.
  • Для текущей ветки v5 требуется Angular 19 или новее; для более старых проектов Angular нужны ветки v4 или v3 LTS.
  • Библиотека дизайна Figma доступна только для версий 2.x и 3.x.

В подборках

Фронтенд-фреймворки и UI-компоненты

Темы

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

Частые вопросы

Что такое taiga-ui?
UI-kit для Angular с более чем 130 компонентами и 100 директивами: tree-shaking через дополнительные точки входа и темы на CSS custom properties. Taiga UI — библиотека компонентов для Angular, состоящая из нескольких базовых пакетов и дополнений. Она основана на подходе ng-polymorpheus для работы с динамическим содержимым и использует Web APIs for Angular для взаимодействия с браузером.
taiga-ui можно использовать бесплатно? Какая у него лицензия?
taiga-ui распространяется с открытым исходным кодом под лицензией Apache-2.0. Перед использованием в коммерческих продуктах проверьте условия лицензии.
taiga-ui всё ещё поддерживается?
Активно поддерживается. Последний коммит в taiga-ui — 5 нояб. 2026 г..
Для чего можно использовать taiga-ui?
Создание веб-приложения на Angular, которому нужен широкий набор готовых UI-компонентов. Создание интерфейса продукта с собственной визуальной темой на основе CSS-переменных. Добавление тёмной темы в приложение Angular без написания отдельной логики темизации для каждого компонента.
Как установить taiga-ui?
Откройте руководство Getting started на официальном сайте Или воспользуйтесь стартовым проектом StackBlitz, чтобы попробовать пример в браузере
Где скачать taiga-ui?
Исходный код и инструкции по установке — на GitHub: https://github.com/taiga-family/taiga-ui

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты