【マテリアルデザイン】Webコンポーネント 便利な和訳リンク集

Googleマテリアルデザイン Webコンポーネント【公式ガイドライン】

公式ガイドラインを、1クリックで確認できます。

また、動くデモも確認できます。(デモは、React向けMaterial-UIライブラリのページです。)

ボタン・トグルボタン デモ
フローティング アクション ボタン デモ
チェックボックス デモ
チップス デモ
ラジオボタン デモ
スライダー デモ
スイッチ デモ
テキストフィールド デモ
日付ピッカー デモ
アプリバー上部 デモ
リスト デモ
メニュー デモ
スライドメニュー デモ
タブ デモ
カード デモ
データ テーブル デモ
画像リスト デモ
通知バナー
スナックバー デモ
ダイアログ デモ
プログレス表示 デモ
ツールチップ デモ

 

関連リンク

 マテリアルデザイン Webコンポーネント | Google公式

 カラーツール
マテリアルデザインで、相性の良い色を提案してくれる、公式ツール。

 カラーピッキングツール
マテリアルデザインで、相性の良い色を簡単に選べる、公式ツール。

Material-UI 概要
マテリアルデザインの、きれいなコンポーネントを簡単に実装できる、React向けライブラリ。

 マテリアルデザインの見本サイト「MaterialUP」
無料かつ大量の、マテリアルデザインのテンプレート集。