Vue、Angular、Reactのマテリアルデザインテンプレート(マテリアルUI)

開発者が何らかの標準的または一般的な出発点で作業できれば、UIを設計する方がはるかに便利ではないでしょうか。これがマテリアルデザインテンプレートの出番です!


取る "カード" Google Nowで生まれたコンセプトであるマテリアルデザインは、グリッドベースのレイアウト、レスポンシブアニメーション、パディング、奥行き効果などでそれを強化しています。このようにして、技術的な進歩と優れた設計開発を簡単に組み合わせることができます。.

UIの構築をさらに簡単にするために、Googleのマテリアルデザインの原則を組み込んだ多くのフレームワークとテンプレートをすぐに利用できます。これがまさに、今日の投稿で私たちが焦点を当てていることです。 Vue、Angular、Reactに最適なマテリアルデザインテンプレートを以下に示します.

始めましょう:

Vue、Angular、Reactのマテリアルデザインテンプレート(マテリアルUI)

  • �� Reactマテリアルデザインテンプレートはこちら
  • �� Vueマテリアルデザインテンプレートはこちら
  • �� Angularマテリアルデザインテンプレートはこちら

Reactのマテリアルデザインテンプレート

1. Material Kit React

Material Kit React

ここで入手 デモ

Material Kit Reactビューマテリアルキット
  • 無料素材UIキット
  • 60手作りの要素
  • 4つのカスタマイズされたプラグイン
  • 3つのサンプルページ
  • 大規模なタイポグラフィ
  • カラーバリエーション
  • Androidアプリケーションの最新のWebプレゼンスを構築します

2. Material Design React管理者

Material Design React管理者

ここで入手 デモ

Material Design React管理者ビューモバイルのマテリアルデザインReact管理者
  • 18色の配色
  • 明るいテーマと暗いテーマ
  • 応答性が高く、高解像度画面をサポート
  • 複数のレイアウト、モジュール式コード
  • 遅延読み込み
  • 管理用テンプレートとランディングページ
  • CSSとSaaSを使用して変数を簡単に変更

3. ジャンボリアクト

ジャンボリアクト

ここで入手 デモ

ジャンボリアクトビューモバイルでのJumbo React
  • 7つのダッシュボード、150以上のウィジェット
  • 6つのナビゲーションスタイルと6つの組み込みアプリ
  • 非同期読み込み
  • 130以上のデザインされたページ
  • 明るい、やや暗い、暗い色合いを使用する準備ができています
  • 完全に応答
  • RTLおよび多言語サポート

4. ポータル

ポータル

ここで入手 デモ

ポータルビューモバイル上のポータル
  • 6つのレイアウト、スタイリッシュなダッシュボード
  • 2つのサンプルアプリ
  • 15以上の要素ページ
  • 最新のマテリアルUIコンポーネントを使用
  • 遅延読み込みとRTLサポート
  • SASSスタイルシート
  • 9つの組み込みテーマ

5. マテリアルダッシュボードの反応

マテリアルダッシュボードの反応

ここで入手 デモ

マテリアルダッシュボードの反応ビューマテリアルダッシュボードのモバイルでの反応
  • 人気のMaterial-UI v3.1.0フレームワーク上に構築
  • 200個のコンポーネント
  • 28ページのサンプル
  • 10個のカスタマイズされたプラグイン
  • 5つのカラーフィルターの選択肢
  • サイドバーの背景画像のオプション
  • 左側のサイドバーのナビゲーション

6. React Admin

React Admin

ここで入手 デモ

React管理者ビューモバイルでReact Admin
  • 超高速で高度にカスタマイズ可能なUI
  • フル機能のデータグリッド
  • 入力時にフィルタリング
  • WYSIWYGエディター
  • カスタマイズ可能なダッシュボード、メニュー、レイアウト
  • 複数のバックエンドに接続します
  • あらゆるフォームレイアウトをサポート

これらの記事にも興味があるかもしれません:

  • 2020年に最高のAngular管理ダッシュボードテンプレートの20以上
  • eコマースビジネスをゼロから始める方法(10ステップ)
  • Fiverrでお金を稼ぐ方法:毎月$ 2-3kを稼ぐために私が取った正確なステップ
  • 最も興味深いVue UIコンポーネントライブラリの14

7. プライマー

プライマー

ここで入手 デモ

プライマービューモバイル上のプライマー
  • 明るいテーマと暗いテーマ
  • 完全に応答するRTLサポート
  • AoTコンパイル
  • JSSスタイリング
  • カスタマイズが簡単
  • 5つの組み込みアプリ
  • 5つのサンプルページ

Vueのマテリアルデザインテンプレート

8. Vueマテリアルキット

Vueマテリアルキット

ここで入手 デモ

Vue Material Kitビューモバイル上のVue Material Kit
  • 自由
  • 60手作りの要素
  • 2つのカスタマイズされたプラグイン
  • 3つのサンプルページ
  • Vue MaterialとVuejs上に構築
  • 基本的な要素、ナビゲーション、入力、画像、タイポグラフィ

9. Vuely

Vuely

ここで入手 デモ

ビューリービューVuely on mobile
  • 複数のダッシュボード
  • 完全に応答
  • 200以上のUI要素
  • 78以上のカスタムウィジェット
  • 複数のテーマオプション
  • クイルエディター、WYSIWYGエディター
  • 1500以上のフォントアイコン、RTLサポート

10. Vueマテリアルダッシュボード

Vueマテリアルダッシュボード

ここで入手 デモ

Vue Material Dashboardビューモバイル上のVue Material Dashboard
  • 200個のコンポーネント
  • 15プラグイン
  • 27ページの例
  • Material Iconフォント
  • ログイン、登録、価格設定、ロックページ
  • データテーブルとカレンダー
  • ベクトルマップとミニサイドバー

11. ヴセ

ヴセ

ここで入手 デモ

Vuseビューモバイル上のVuse
  • 複数のレイアウト、多数のサンプルページ
  • 暗い色と明るい色のテーマ
  • 完全に応答
  • 組み込みアプリ
  • 構成可能なテンプレートレイアウト
  • クイックスタートキット
  • カスタムカラー管理

12. Vue Material Admin

Vue Material Admin

ここで入手 デモ

Vue Material AdminビューモバイルのVue Material Admin
  • 9つのレイアウト
  • チャットアプリが含まれています
  • 4つのウィジェットが利用可能
  • 複数のテーマオプション
  • エラーおよびログインページ
  • 日時ピッカー
  • 暗いサイドバーと明るいサイドバーのオプション

13. Vuetify Material Dashboard

Vuetify Material Dashboard

ここで入手 デモ

Vuetify Material Dashboardビューモバイル上のVuetify Material Dashboard
  • モジュラー構造
  • 16の手作りコンポーネント
  • 2つのカスタマイズされたプラグイン
  • 7つのサンプルページ
  • 材料設計アイコン
  • サイドバーフィルター
  • カラーオプション

14. Vueマテリアル

Vueマテリアル

ここで入手 デモ

Vue Materialビューモバイル上のVueマテリアル
  • コンポーネントとUI要素
  • すべての最新のWebブラウザーのサポート
  • レスポンシブ
  • ダイナミックなテーマ
  • Google Material Designで構築
  • 使いやすいAPI
  • 明るい肌と暗い肌

Angularのマテリアルデザインテンプレート

15. ヒューズ

ヒューズ

ここで入手 デモ

ヒューズビューモバイルのヒューズ
  • ダークとライトのテーマ
  • 多くの組み込みアプリ
  • 10ページを超える例
  • 構成可能なテンプレートレイアウト
  • カスタムカラー管理
  • 20以上のページレイアウト
  • AoTコンパイラのサポート

16. 三角

三角

ここで入手 デモ

三角ビューモバイルでの三角形
  • 5つのダッシュボード
  • 6つのテンプレートレイアウト
  • たくさんのページデザイン
  • レスポンシブ
  • 多くのサンプルアプリ
  • 含まれているPSD
  • 多言語対応

17. エラスティックUI

エラスティックUI

ここで入手 デモ

エラスティックUIビューモバイルのElastic UI
  • 完全にモジュール式
  • 300素材アイコン
  • スナックバーの通知
  • 利用可能なモーダル
  • Angular Flexレイアウト
  • 完全にカスタマイズ可能なウィジェット
  • ネストされたルーティング

18. 卒業生

卒業生

ここで入手 デモ

卒業生のビューモバイルの卒業生
  • 既製のラヨットが含まれています
  • 多くの例のページに対応
  • 遅延読み込み、ネストされたルーティング
  • AoTコンパイル
  • データテーブル、グラフ、動的メニュー
  • ランディングページ
  • スクロール・バー

19. 怒り

怒り

ここで入手 デモ

怒りの眺めモバイルでの怒り
  • モジュラー構造
  • 300以上の素材アイコン
  • スナックバー通知
  • ネストされたルーティング
  • 高度なGoogleマップの統合
  • 完全にカスタマイズ可能なウィジェット
  • ブレッドクラムは自動生成されます

20. MaterialPro

MaterialPro

ここで入手 デモ

MaterialProビューモバイル上のMaterialPro
  • 明るいバージョンと暗いバージョン
  • 4つの配色
  • 幅広いウィジェット
  • 25以上の角度コンポーネント
  • 2000以上のフォントアイコン
  • 完全に応答
  • 250以上のページテンプレート

*この投稿にはアフィリエイトリンクが含まれています。つまり、製品リンクの1つをクリックしてから製品を購入すると、少額の手数料が発生します。心配はいりません、それでもあなたは標準額を支払うでしょう、それであなたの側で費用はありません.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map