デザイン原則に科学と技術のイノベーションを組み合わせたら、なにが起こるでしょうか？ まさにGoogleが実践し作りあげた、マテリアルデザインのコンセプトが創られるのです。
マテリアルデザインとは、クラシックデザインの原理やルールと、サイエンスやテクノロジーの可能性やきまりを結びつけたビジュアルデザインコンセプトです。マテリアルデザインだけでなく、関連するツールやリソースも同様に人気があります。
この記事では、マテリアルデザインスタイルを採用するWebやモバイルプロジェクトに最適なフレームワークをまとめました。
マテリアルデザインUIキットとマテリアルデザイン活用の実例もまとめています。
Propeller
Propellerは、Googleマテリアルデザインスタンダードと Bootstrapに基づいた、レスポンシブなフロントエンドフレームワークです。
Materialize
Materializeはユーザー体験にフォーカスした、レスポンシブなフロントエンドフレームワークです。
Material UI
Material UIはユーザーインターフェイスデザインに重点を置く、フレームワークとReactコンポーネントのセットです。
MUI
MUIは軽量でアジャイルなマテリアルデザインフレームワークです。非同期で読み込むことができるasync属性であり、開発時間を短縮できます。クロスプラットフォームになっています。
daemonite
daemoniteはシンプルなHTML５のマテリアルデザインフレームワークです。
LumX
LumXはマテリアルデザインとAngularJSに基づいた、レスポンシブなフロントエンドフレームワークです。
Framaterial
Framaterialは外部のライブラリやプラグインなしで使うことができる、シンプルなフレームワークです。
Materialize Meteor
Materialize MeteorはMeteorのためにパッケージされた、マテリアルデザインをベースにしたレスポンシブなフロントエンドフレームワークです。（メモ：原文でもこの形になっていたので、そのままにしてます。削除して９選にすべきか？）
Material Framework
Material FrameworkはどんなWebページやWebアプリにもマテリアルデザインコンセプトを実装できる、レスポンシブなフレームワークです。
Material Foundation
Material FoundationはZURBによる、Foundationフレームワークのマテリアルデザインバージョンです。
Material Design for Bootstrap
Material Design for BootstrapはBootstrap向けのテーマで、マテリアルデザインコンセプトをフロントエンドに実装可能です。
