収集する価値のある 16 の Angular UI フレームワーク-jsチュートリアル-php.cn

この記事では、16 個の最高の Angular UI フレームワークを紹介します。一定の参考値があるので、困っている友達が参考になれば幸いです。

収集する価値のある 16 の Angular UI フレームワーク

Angular は、独自のツールとその上に設計されたベストプラクティス実装を備えた成熟したフレームワークです。

ライブラリコンポーネントを Angular プロジェクトで使用できる個別の再利用可能なパーツに分割することで、ライブラリコンポーネントの使用を促進します。関連チュートリアルの推奨事項: "angularTutorial"

ユーザーが初めてアプリケーションを操作するとき、Angular UI は第一印象を残します。

最初に正しく設定できれば、アプリはユーザーにもっと頻繁にアプリを使用するよう促すでしょう。

ユーザーインターフェイスを手動で開発することも可能ですが、非常に時間がかかります。ユーザーインターフェイスを手動で開発する代わりに、使いやすく、Angular プロジェクトの時間を大幅に節約できる外部の応答性の高い UI コンポーネントライブラリを使用する方が効率的です。

それでは、Angular アプリ開発を高速化するための 16 個の Angular UI フレームワークの中から最も優れたものを見てみましょう。

1. AdminPro Angular テンプレート。 (1. AdminPro Angular テンプレート。)

これは、「Angular 9」に基づいた最も美しい Angular ダッシュボードテンプレートの 1 つです。

ライトバージョンとダークバージョン、ランディングページ、5 つのデモバージョン、3 つのダッシュボードバージョン、250 以上のページ、3000 以上のフォントアイコン、多くの UI コンポーネントなどが含まれています。

Image for post

#AdminPro Angular テンプレートは Angular 9 に基づいており、次の機能もあります:

UI コンポーネントが多すぎます
SaSS Basic CSS
簡単にカスタマイズできる
詳細ファイル
複数のファイルのアップロード
今すぐダウンロード (https://www.wrapixel) .com/templates/adminpro-angular-dashboard/?ref=132)

2.ngx-bootstrap (2.ngx-bootstrap)

ngx - Bootstrap は、Valor ソフトウェアの一部である、人気のある Angular UI コンポーネントライブラリの 1 つです。これには、Angular を利用したすべてのコア Bootstrap コンポーネントが含まれているため、JS コンポーネントを含める必要はなく、Bootstrap でマークアップと CSS を活用できます。 Bootstrap 3/4 コンポーネントを Angular と統合するための最良かつ簡単な方法。

機能: (機能:)

アコーディオン、アラーム、ボタン、折りたたみ、カルーセル、日付ピッカー、ドロップダウンメニュー、モーダル、ポップオーバー、ページネーション、プログレスバー、評価、時間ピッカー、並べ替え可能、タブ、ツールヒント、入力先入力。

3. Teradata Covalent UI プラットフォーム (3. Teradata Covalent UI プラットフォーム)

Teradata Covalent は、Angular および Angular Materials Design Two Web 上に構築されていますフレームワークのデザイン。これにより、最新の Web アプリケーションを簡単に構築できるようになります。

Image for post

機能: (機能:)

Angular マテリアル

Angular で使用されるCLI 構築、テスト、展開など用
簡素化されたインターフェイス
カスタムコンポーネント
750 を超えるマテリアルデザインアイコン
スタイルガイド - ブランド標準、カラーパレットボードとヒント
再利用可能なコンポーネント - フォーム。カードなど
単体テストツールとエンドツーエンドテスト
アプリケーションをすぐに使用して開始できます。

4. Prime NG (4. Prime NG)

Prime NG は、Angular の豊富な UI コンポーネントのコレクションです。 70 を超える使いやすい UI コンポーネント。すべてのウィジェットは無料で、MIT ライセンスの下でオープンソースです。最適化されたレスポンシブデザイン要素によりモバイル UX が強化されます。

Image for post

特徴: (特徴:)

基本および高度な入力コンポーネント (オートコンプリート、カラーピッカー、カレンダー、キーフィルター、エディターなど)

Button および SplitButton

データコンポーネント、つまり DataGrid、DataList、データテーブル、ツリーテーブル、およびアコーディオン、TabView、カード、ツールバー、スクロールパネルなどのその他の

パネルコンポーネント。

ダイアログ、オーバーレイパネル、ライトボックスなどのオーバーレイコンポーネント

ファイルアップロードコンポーネント

MenuBar、BreadCrumb、TabMenu、MegaMenu などのメニューコンポーネント

Charts

メッセージとうなり声を含むアラートメッセージ

進行状況バー、キャプチャ、ドラッグアンドドロップ、ガレリアなどの高度なコンポーネント

5. ng-bootstrap (5. ng-bootstrap)

ng-bootstrap は、Bootstrap CSS4 を使用して最初から構築された Angular UI ウィジェットを提供します。サードパーティの JS には依存しません。 ng-bootstrap の Angular UI コンポーネントには、アコーディオン、ボタン、アラート、カルーセル、アコーディオン、ドロップダウンメニュー、日付ピッカー、ツールチップ、および先行入力が含まれます。ほとんどの機能は ngx-bootstrap と同じですが、プロジェクトチームが異なります。 ng-bootstrap はまだ開発中ですが、ngx-bootstrap は安定しています。

機能: (機能:)

基本および高度な入力コンポーネント (オートコンプリート、色選択エディター) 、カレンダー、キーフィルター、エディターなど)

ボタンと分割ボタン

データコンポーネント (DataGrid、DataList、データテーブル、ツリーテーブルなど)

パネルコンポーネント (アコーディオン、TabView、カード、ツールバー、スクロールパネルなど)。

ダイアログ、オーバーレイパネル、ライトボックスなどのオーバーレイコンポーネント

ファイルアップロードコンポーネント

##6.Onsen UI for Angular (6.Onsen UI for Angular )

Angular UI と Onsen UI を使用して美しい Android および iOS アプリを作成するために使用されます。 Onsen UI は、プラットフォームに従って自動的にスタイル設定される Angular UI ディレクティブを提供します。

機能: (機能:)

強力な API
すべての UI コンポーネントこれらはすべて、Angular モバイルアプリケーションに簡単に接続できます。

7. 、74 個の CSS アニメーション、SASS ファイル、TypeScript モジュールなど。無料で商用および個人利用が可能です。 MDBootstrap の Angular UI コンポーネントには、カード、ボタン、入力、フォーム、フッター、ドロップダウン、ナビゲーションバー、パネル、ページネーション、プログレスバー、リストグループ、ラベルとピル、タグ、ラベル、バッジが含まれます。

機能: (機能:)

使いやすい Angular UI コンポーネント
マテリアル UI 要素

CSS アニメーション

8.NG-LIGHTNING(8.NG-LIGHTNING)

NG-LIGHTNING は、Angular および Salesforce Lightning Design System フレームワーク上に構築された Lightning Design System 用のネイティブ Angular コンポーネントとカタログを提供します。まだ急速に開発中ですが、ネイティブの Angular コンポーネントが提供されています。 NG-LIGHTNING のコンポーネントには、バッジ、ボタン、パンくずリスト、データテーブル、日付ピッカー、アイコン、フォーム、ルックアップ、メニュー、画像、モーダル、通知、ページネーション、ピル、レベル、ポップアップ、セクション、スピナーボックスおよびタブが含まれます。

#機能: (機能:)

#優れたネイティブ Angular コンポーネントを提供します
# Angular および Salesforce Design システムフレームワークに基づいて構築されています
9. jQWidgets (9. jQWidgets)

jQWidgets Angular UI コンポーネントは、最も使いやすいものです。 Angular 8 を使用して Web アプリケーションを構築するための高度なフレームワークにより、ビジネスロジックに集中する時間を節約できます。 Angular プロジェクトで使用できる 60 を超える UI コンポーネントが含まれています。

機能: (機能:)

コードの再利用性
はい独自のコンポーネント
10. Ignite UI for Angular (10. Ignite UI for Angular)

Ignite UI は大量のデータ用に作られており、設計されています。高いパフォーマンスを実現するために最適化されています。 Ignite UI の Angular UI コンポーネントには、DataGrid、ListView、カルーセル、ダイアログウィンドウ、カレンダー、リップル、タブ、スライダー、基本入力コンポーネント、カード、基本入力コンポーネント、アバター、トースト、スナックバー、ナビゲーションバー、日付ピッカーが含まれます。

特徴: (特徴:)

無料の Angular UI コンポーネントライブラリ、Angular アプリケーションで使用可能

大量のデータ量と高いパフォーマンス

11. Clarity

Clarity は、UX 原則、HTML/CSS フレームワーク、Angular コンポーネントが連携して優れたパフォーマンスを実現するオープンソースデザインシステムです。。 Clarity の Angular UI コンポーネントには、アラート、日付ピッカー、コードハイライター、ドロップダウンメニュー、データグリッド、モーダル、サイドナビゲーション、タブ、スタックビュー、ツールヒント、ツリービュー、垂直ナビゲーション、ウィザードが含まれます。

特徴: (特徴:)

優秀なユーザーエクスペリエンス

##オープンソース

##12.ngSemantic(12.ngSemantic)
ngSemantic は、Angular 2 と Semantic UI に基づいて構築された Java フレームワークで最も人気のある UI コンポーネントライブラリの 1 つです。

コンポーネントには、ボタン、フラグ、リスト、ローダー、セグメントが含まれます。メニュー、フォーム、選択、入力、メッセージ、アコーディオン、ディマー、レベル、モーダル、サイドバー。

機能: (機能:)
Angular 2 とセマンティック UI に基づいて構築

人気UI コンポーネントライブラリ

13. Kendo UI for Angular (13. Kendo UI for Angular)
Kendo UI はプロフェッショナルグレードの Angular UI コンポーネントですAngular アプリケーションを次のレベルに引き上げるのに必要なライブラリ。

機能: (機能:)
ネイティブ Angular UI コンポーネント

高パフォーマンスと速度

優れた製品サポート

インストールと更新が簡単

アクセシビリティとローカリゼーション

柔軟なテーマとテーマビルダー。

14. DevExtreme (14. DevExtreme)
これらは、さまざまなテクノロジとライブラリを使用した 250 を超えるユースケースを含む、編集可能な DevExtreme の例です。。

#特徴: (特徴:)

使いやすい

実際のアプリケーションで使用するために編集可能例

15. Wijmo (15. Wijmo)

Wijmo は、次世代の HTML5 アプリケーションを提供し、TypeScript Real JS で書かれたツールのセットを提供します。速度のコントロール。

機能: (機能:)

タッチファースト設計

角度サポート
依存関係なしリレーションシップ
FlexGrid、最高の JS グリッド

16. Amexio (16. Amexio)

Amexio は Angular UI です高品質のパフォーマンスと高品質のコードベースを備えた自動化プラットフォーム。

機能: (機能:)

レスポンシブ Web デザイン

80 さまざまなその他の UI 機能
170 を超える UI コンポーネント
アクセシビリティのサポート
強力なレイアウト、CSS3 グリッド
ドラッグアンドドロップコンポーネント

テンプレート-ドリブンテーブルと React スタイルテーブル
70 を超える組み込みテーマ/マテリアルデザイン
コンテキストメニュー
ドリル可能なコング/ズーム可能なチャート
D3 チャート(14)
SASS
カレンダー、ステップウィザード
ソーシャルメディアログイン
クリエイティブカードとプログレスバー
チャート、ルーブリック、ダッシュボード
サーバーサイドレンダリング
無料およびオープンソース
マテリアルデザインサポート

結論(結論)

上記は、16 個の最高の Angular UI フレームワークのリストを要約したものですが、ここに含めるべきものをご存知の場合は、コメントでお知らせください。ありがとうございます。

#翻訳元: https://medium.com/javascript-in-plain-english/16-best-angular-ui-frameworks-d8e2f96a190