taiga-family/taiga-ui

これは何？

主な機能

• 01セカンダリエントリーポイントによりツリーシェイキングが可能で、インポートしたコンポーネントだけがバンドルに含まれます。
• 02CSSカスタムプロパティでスタイルを設定でき、ダークテーマも標準で利用できます。
• 03130以上のコンポーネントと100以上のディレクティブに加え、トークン、ユーティリティ、ツールを提供します。
• 04コンポーネントはOnPush変更検知を使用し、コードベースはTypeScriptのstrictモードで記述されています。
• 05ng-polymorpheusとWeb APIs for Angularを基盤としています。

ユースケース

• 幅広い既製UIコンポーネントを必要とするAngular Webアプリケーションの構築。
• CSS変数で見た目をカスタマイズできるプロダクトUIの作成。
• コンポーネントごとに独自のテーマロジックを実装せずに、Angularアプリへダークモードを追加。

クイックスタート

1. 1

   公式サイトの「Getting started」ガイドを開く

2. 2

   または、StackBlitzのスターターを使って、ブラウザーでサンプルを試す

使う前に知っておきたいこと

• !Angular専用のUIキットのため、ほかのフレームワークでは使用できません。
• !現行のv5系列にはAngular 19以降が必要です。古いAngularプロジェクトでは、v4またはv3のLTS系列を使用してください。
• !Figmaデザインライブラリは、バージョン2.xと3.xでのみ利用できます。

収録されている特集

トピック

よくある質問

taiga-ui とは？

CSSカスタムプロパティによるテーマ設定に対応し、ツリーシェイキング可能なセカンダリエントリーポイントとして提供される、130以上のコンポーネントと100以上のディレクティブを備えたAngular UIキット。 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 は何に使えますか？

幅広い既製UIコンポーネントを必要とするAngular Webアプリケーションの構築。 CSS変数で見た目をカスタマイズできるプロダクトUIの作成。 コンポーネントごとに独自のテーマロジックを実装せずに、Angularアプリへダークモードを追加。

taiga-ui のインストール方法は？

公式サイトの「Getting started」ガイドを開く または、StackBlitzのスターターを使って、ブラウザーでサンプルを試す

taiga-ui はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/taiga-family/taiga-ui