GoogleからMaterial Designが提唱され、しばらく経ち広まっているかどうかは定かではないのですが、制作にするのに便利なサービスを発見したので、紹介したいと思います。

まずは、Material Designとはなにかということは以下のサイトからご覧ください。
Introduction – Material design – Google design guidelines

 

フレームワーク

 

MUI

 

ひと通りのコンポーネントが揃っているかと思います。

MUI – Material Design CSS Framework

 

 

Materialize

上記のサイトよりも豊富で、jQueryの動きもけっこうあります。

Documentation – Materialize

 

 

Material UI

こちらもひと通りのコンポーネントが揃っています。
 
Material UI – Material Design React Components
 
 
どのフレームワークもひと通りコンポーネントは揃っており、アニメーションでそれぞれ少しづつ違う感じです。
パッと見て良さそうなのは、Materializeかなと思います。

 

配色ツール

 

Material Palette

こちらは２つの色を選ぶと、
その色に合わせて簡単なカラーパレットを教えてくれます。

Material Design Color Palette Generator – Material Palette

 

 

Material UI Colors

色数が豊富で、色情報をいろんな形式でコピーすることができます。

Material UI | Material Design | Material UI Colors

今後どんどん便利なサービスが出てくるかと思います。
これらを上手いこと使いながら良いサイトを作りたいですね！！