Angular UI ライブラリー
2021年12月28日時点の情報です。
前回、AngularにMaterialデザインを導入しました。
今回はAngularに対応している、その他のUIライブラリについて調べてみました。
対象のライブラリはコチラでリストアップされているものです。
無料のものでは「Prime NG」が機能豊富でよさそうです。
有料のものはやはりどれも機能豊富です。
個人的な感想ですが、高機能なGrid、Scheduler、Chartが必須なのですが、
「Smart Web Components」のドッキングレイアウトも気になりました。
無償の Angular UI ライブラリ
Angular Material
npm Weekly Downloads: 622,100
License: MIT
Angularの公式マテリアルデザインライブラリ。
36のコンポーネントがある。
ngx-bootstrap
npm Weekly Downloads: 175,694
License: MIT
Bootstrapのラッパーにあたり、コンポーネントやディレクティブでBootstrapの機能が使える。
Bootstrap 5, 4, 3用に対応している。
Prime NG
npm Weekly Downloads: 176,146
License: MIT
無料（サポート受ける場合は有料契約）。
高機能なコンポーネントがたくさんある。
無料で高機能なTableコンポーネント、FullCalenderコンポーネントが使えるのがうれしい。
Angular-Slickgrid
npm Weekly Downloads: 8,529,690
License: MIT
Gridライブラリ。
Angular-SlickGridは、Bootstrap 3,4,5のテーマで動作する、高速でカスタマイズ可能なデータグリッドライブラリSlickGridのラッパー。
ng-bootstrap @ng-bootstrap/ng-bootstrap
npm Weekly Downloads: 255,986
License: MIT
ngx-bootstrapとほぼ同じ。
Bootstrapのラッパーにあたり、コンポーネントやディレクティブでBootstrapの機能が使える。
Bootstrap 4用の無料のコンポーネント。
次期バージョンではBootstrap 5に対応する。
NG-ZERO ng-zorro-antd
npm Weekly Downloads: 34,936
License: MIT
中国のデベロッパーで作られている。
モバイル版とWEB版がある。
Onsen UI onsenui
npm Weekly Downloads: 25,684
License: Apache-2.0
モバイルアプリのための UI フレームワーク
独自のHTMLタグを記述するだけ、スマートフォンOSの種類を判別して、Androidであればマテリアルデザイン、iOSの場合はフラットデザインを自動的に適用される。
NGX Skeleton Loader
npm Weekly Downloads: 21,175
License: MIT
NGX Skeleton Loaderは、Angularアプリケーションに自動的に適応するスケルトンを高速にロードするための、軽量でA11Yフレンドリーなソリューション。
Carbon Components Angular
npm Weekly Downloads: 6,748
License: Apache-2.0
IBMのCarbon Design SystemをAngularで実装したもの。
Nebular
npm Weekly Downloads: 6,469
License: MIT
NebularはEva Design Systemの仕様に基づいたカスタマイズ可能なAngular UIライブラリで、40以上のUIコンポーネント、4つのビジュアルテーマ、AuthモジュールとSecurityモジュールを備えている。
認証機構やセキュリティに関する機能、チャットコンポーネントなどがある。
Alyle UI
npm Weekly Downloads: 2,548
License: MIT
Angular用のコンポーネントセット「Minimal Design」
Blox Material
npm Weekly Downloads: 1,725
License: Apache-2.0
GoogleのMaterial Components for the Webをベースにした、Angular用の軽量なMaterial Designライブラリ
Taiga UI
npm Weekly Downloads: 1,687
License: Apache-2.0
Taiga UIは、複数の基本ライブラリと複数のアドオンから構成される、完全にツリーシェイカー可能なAngular UIキット。
130以上のコンポーネント、100以上のディレクティブ、数十のトークン、ユーティル、ツールを備えている。
これらは簡単にカスタマイズ可能。
Material Community Components
npm Weekly Downloads: 1,603
License: MIT
カラーピッカー、タイマーピッカー、スピードダイヤル、スクロールスピーを含む、コミュニティによって作られたマテリアルコンポーネント。
DevExtreme
npm Weekly Downloads: 1,323
License: MIT
データグリッド、ピボットグリッド、スケジューラ、チャート、エディタ、マップ、その他多目的コントロールを含む50以上のUIコンポーネントにより、タッチデバイスおよび従来のデスクトップ向けの高応答性Webアプリケーションを作成することができる。
Clarity Design System
npm Weekly Downloads: 899
License: MIT
コンピューターの仮装化ソフトウェアを提供するVMwareが公開しているデザインシステム。
コンポーネントも多い。
ng-lightning
npm Weekly Downloads: 817
License: MIT
Lightning Design SystemのためのAngularネイティブコンポーネントとディレクティブ。
Truly UI
npm Weekly Downloads: 706
License: MIT
TrulyUIは、特にWeb Componentsをベースにしたデスクトップアプリケーションのために開発されたAngular UI Frameworkで、世界で最も優れた技術を使用している。
material-dayjs-adapter
npm Weekly Downloads: 289
License: MIT
angular/material の DateAdapter を DayJS で実装したもので、MomentJS よりも小さなバンドルサイズになる。
Mosaic - Angular UI Components
npm Weekly Downloads: 219
License: MIT
ポジティブテクノロジー AngularをベースとしたUIコンポーネント
Awade Jigsaw (Chinese)
npm Weekly Downloads: 158
License: MIT
Jigsawは、AngularをベースにしたWebコンポーネント群を提供しています。
ZTEのビッグデータ製品のすべてのアプリケーションの開発をサポートしています。
Simple Quality UI
npm Weekly Downloads: 43
License: MIT
Simple Quality UI (SQ-UI) は、柔軟で簡単にカスタマイズできる UI キットで、できるだけ少ないオーバーヘッドで最大の効率を提供することを目的としている。
開発者による開発者のためのもの」という考え方に基づき、新しい機能をリリースするたびに、それを使用する開発者が求める機能性が盛り込まれている。
Amexio - Angular Extensions
npm Weekly Downloads: 27
License: Apache-2.0
Amexioは、レスポンシブWebデザインのためのHTML5とCSS3を搭載したAngularコンポーネントの豊富なセットで、80以上の組み込みマテリアルデザインテーマを備えている。
AmexioにはStandard、Enterprise、Creativeの3つのエディションがある。
Std Editionは、グリッド、タブ、フォーム入力などの基本的なUIコンポーネントで構成されている。
Enterprise Editionは、カレンダー、ツリータブ、ソーシャルメディアログイン（Facebook、GitHub、Twitterなど）、Creative Editionは、エレガントで美しいWebサイトの構築に特化したコンポーネントで構成されている。
200以上のコンポーネントや機能を備えている。
すべてのエディションは、Apache 2 Licenseに基づき、オープンソースで無償提供されている。
無償（一部有償）または 有償の Angular UI ライブラリ
ag-Grid
npm Weekly Downloads: 65,815
License：MIT
ソート、フィルタリング、カスタムレンダリング、編集、グループ化、集約、ピボットなどのエンタープライズスタイルの機能を備えたAngular用のデータグリッド。
無償（一部の機能は有償）
Essential JS 2
pm Weekly Downloads: 57,143
License：SEE LICENSE IN license
有料。
Essential JS 2 for Angularは、モダンなTypeScriptベースの真のAngular Componentsのコレクション。
AOT (Ahead Of Time)コンパイルとTree-Shakingをサポートしている。
すべてのコンポーネントは、軽量、応答性、モジュール性、タッチフレンドリーであるようにゼロから開発されている。
Kendo UI
無料のコンポーネントと一部有料のコンポーネント（ChartやGridなどは有料）がある
npm Weekly Downloads: 22,042
License：LicenseRef-LICENSE
TypeScriptで書かれたAngular UIコンポーネントのプロ級ライブラリで、データグリッド、ツリービュー、チャート、エディタ、ドロップダウン、日付ピッカーなどが含まれている。
AOTコンパイル、Tree Shakingによるハイパフォーマンス、ローカライゼーション、アクセシビリティのサポートが特徴。
Wijmo
有償。
npm Weekly Downloads: 11,033
License: Commercial
Angularを完全にサポートする高性能なUIコントロール。
WijmoのコントロールはすべてTypeScriptで書かれており、依存性はゼロ。
FlexGridコントロールは、セルテンプレートを含む完全な宣言型マークアップを備えている。
Vaadin
npm Weekly Downloads: 3,204
License: Apache-2.0
無償のコンポーネントと一部有償のコンポーネント（ChartやGridなどは有償）がある
マテリアルデザインにインスパイアされた、優れたWebアプリケーションを構築するためのUIコンポーネント。
モバイル用とデスクトップ用がある。
Ignite UI for Angular
npm Weekly Downloads: 2,557
License: SEE LICENSE IN LICENSE
有償。
Ignite UI for Angularは、モダンなWebアプリケーションを構築するための依存関係のないAngularツールキット。
ドッキングレイアウト、Excelからデータを貼り付けたり、グリッドの状態を保存しておける高機能なグリッドがある。スケジューラーはない。
日本語サンプルもわかりやすい。
Angular & Material Design 2.0 for Bootstrap 5
npm Weekly Downloads: 1,004
License：MIT
無償のコンポーネントと一部有償のコンポーネント（ChartやGridなどは有償）がある
Material Design 2.0（2020年導入のガイドライン）に準拠してスタイリングされた最新のBootstrap 5用の無料コンポーネント、テンプレート＆プラグイン。
Material Design（2015年に導入されたガイドライン）に準拠してスタイリングされたBootstrap 4用もある。
jQWidgets
データグリッド、ツリーグリッド、ピボットグリッド、スケジューラ、チャート、エディタなどの多目的コンポーネントを含むAngular UI コンポーネント。
有償。
npm Weekly Downloads: 906
License：https://www.jqwidgets.com/license/
FancyGrid
エンタープライズ向けのチャート統合とサーバー通信を備えたAngularグリッドライブラリ。
有償。
npm Weekly Downloads: 260
License：Commercial
Smart Web Components
有償。
npm Weekly Downloads: 79
License: ISC
AngularのためのWeb Components。
モダンでモバイルフレンドリーなWebアプリケーションを構築するための依存性のないAngularコンポーネント。
高機能なコンポーネントが多数あり、ドッキングレイアウがある。
Sencha for Angular
有償。
115以上のビルド済みUIコンポーネントで、モダンなWebアプリケーションをより速く構築できる。
Discussion