商用利用無料!Material Designが簡単に実装できる、Bootstrap 4をベースにした新作テンプレートのまとめ
Post on:2018年3月27日
Material Designを使用してみたいけど、時間がない、手間をかけたくない、という人にぴったりな、Material Designが採用された商用でも個人でも無料で利用できるBootstrap 4ベースの新作テンプレートを紹介します。
企業向けサイト、プロダクトのランディングページ、ポートフォリオやギャラリー、ブログ用のテンプレートが揃っています。

Material Design for Bootstrap 4
MDB- GitHub
Bootstrapの特徴や基本的な使い方は、下記の記事を参考にどうぞ。
- 参考
ではMaterial Designが取り入れられたBootstrap 4のテンプレートを紹介します。
ここで紹介しているテンプレートはすべて、商用のプロジェクトに無料で利用できます。

Admin Dashboard Template
デモページ
さまざまなスタイルのダッシュボード、データプレゼンテーション、および数多くの汎用性の高いコンポーネントが収録された無料のテンプレート。
MITライセンス

Landing Page Template
デモページ: 全画面、デモページ: カルーセル
レスポンシブ対応のランディングページ用のテンプレート。背景画像を全面に表示した版とカルーセル版の2つが用意されており、Material Designのさまざまなデザインを利用できます。
MITライセンス

Portfolio Template
デモページ: 全画面、デモページ: グリッド
デザイナーや制作者などのポートフォリオにぴったりなテンプレート。写真やイラストを公開するギャラリーとしてもぴったりです。
MITライセンス

Bootstrap 4のカードを使用したブログ用のテンプレート。トップページ、記事ページ、カテゴリページもそれぞれ用意されており、WordPress化するためのチュートリアルも用意されています。
MITライセンス

Eコマース用のテンプレートで、商品のプレゼンテーション用ページをはじめ、一覧ページやチェックアウトページも揃っています。フォームもMaterial Designががっつり採用されており、 楽しめます。
MITライセンス

大量のニュースや記事を掲載できるマガジン形式のテンプレート。
MITライセンス

Sassではなく、Saasは「software as a service」の略で、サービスとしてのソフトウェアを扱う企業向けのテンプレート。
MITライセンス

ローンチ前のカミングスーン用のテンプレート。カウントダウンやアニメーションを備えた全面のイントロが用意されています。
MITライセンス

ヘッダにハーフサイズのカルーセルを備えたテンプレート。
MITライセンス

Full Page Image Carousel
デモページ
全面表示のカルーセルを備えたテンプレート。
MITライセンス

Full Page Video Carousel
デモページ
全面表示の動画に対応したカルーセルを備えたテンプレート。
MITライセンス

3カラムの基本レイアウトを備えたテンプレート。
MITライセンス

2カラムの基本レイアウトを備えたテンプレート。
MITライセンス

1カラムの基本レイアウトを備えたテンプレート。
MITライセンス

Jumbotron with Features Template
デモページ
ユーザーの関心を重要な要素に集中させるのに適したテンプレート。
MITライセンス

Full Background Image Template
デモページ
背景画像を全面に表示したテンプレート。
MITライセンス
sponsors