無料のマテリアルデザインフレームワーク10選

Sufyan bin Uzayr

ライターであり、Sufism:A Brief Historyの著者。メインの分野はオープンソース、モバイル開発、WebCMS、ベクターアートなど。電子ジャーナルのBrave New Worldのチーフ&エディター。FacebookWebサイトもチェックしてみましょう。

この記事はSpeckyboy Design Magazineからの翻訳転載です。配信元または著者の許可を得て配信しています。

10 Free Material Design Web Frameworks Worth Considering (2018-06-16)

デザイン原則に科学と技術のイノベーションを組み合わせたら、なにが起こるでしょうか? まさにGoogleが実践し作りあげた、マテリアルデザインのコンセプトが創られるのです。

マテリアルデザインとは、クラシックデザインの原理やルールと、サイエンスやテクノロジーの可能性やきまりを結びつけたビジュアルデザインコンセプトです。マテリアルデザインだけでなく、関連するツールやリソースも同様に人気があります。

この記事では、マテリアルデザインスタイルを採用するWebやモバイルプロジェクトに最適なフレームワークをまとめました。

マテリアルデザインUIキットとマテリアルデザイン活用の実例もまとめています。

Propeller

Propellerは、Googleマテリアルデザインスタンダードと Bootstrapに基づいた、レスポンシブなフロントエンドフレームワークです。

Materialize

Materializeはユーザー体験にフォーカスした、レスポンシブなフロントエンドフレームワークです。

Material UI

Material UIはユーザーインターフェイスデザインに重点を置く、フレームワークとReactコンポーネントのセットです。

MUI

MUIは軽量でアジャイルなマテリアルデザインフレームワークです。非同期で読み込むことができるasync属性であり、開発時間を短縮できます。クロスプラットフォームになっています。

daemonite

daemoniteはシンプルなHTML5のマテリアルデザインフレームワークです。

LumX

LumXはマテリアルデザインとAngularJSに基づいた、レスポンシブなフロントエンドフレームワークです。

Framaterial

Framaterialは外部のライブラリやプラグインなしで使うことができる、シンプルなフレームワークです。

Materialize Meteor

Materialize MeteorはMeteorのためにパッケージされた、マテリアルデザインをベースにしたレスポンシブなフロントエンドフレームワークです。(メモ:原文でもこの形になっていたので、そのままにしてます。削除して9選にすべきか?)

Material Framework

Material FrameworkはどんなWebページやWebアプリにもマテリアルデザインコンセプトを実装できる、レスポンシブなフレームワークです。

Material Foundation

Material FoundationはZURBによる、Foundationフレームワークのマテリアルデザインバージョンです。

Material Design for Bootstrap

Material Design for BootstrapBootstrap向けのテーマで、マテリアルデザインコンセプトをフロントエンドに実装可能です。