商用利用無料!Material Designが簡単に実装できる、Bootstrap 4をベースにした新作テンプレートのまとめ
Post on:2018年3月27日
Material Designを使用してみたいけど、時間がない、手間をかけたくない、という人にぴったりな、Material Designが採用された商用でも個人でも無料で利用できるBootstrap 4ベースの新作テンプレートを紹介します。
企業向けサイト、プロダクトのランディングページ、ポートフォリオやギャラリー、ブログ用のテンプレートが揃っています。
![Material Design for Bootstrap 4](http://coliss.com/wp-content/uploads-201801/2018032401.png)
Material Design for Bootstrap 4
MDB- GitHub
Bootstrapの特徴や基本的な使い方は、下記の記事を参考にどうぞ。
- 参考
ではMaterial Designが取り入れられたBootstrap 4のテンプレートを紹介します。
ここで紹介しているテンプレートはすべて、商用のプロジェクトに無料で利用できます。
![デモのキャプチャ](http://coliss.com/wp-content/uploads-201801/2018032402-01.png)
Admin Dashboard Template
デモページ
さまざまなスタイルのダッシュボード、データプレゼンテーション、および数多くの汎用性の高いコンポーネントが収録された無料のテンプレート。
MITライセンス
![デモのキャプチャ](http://coliss.com/wp-content/uploads-201801/2018032402-02.png)
Landing Page Template
デモページ: 全画面、デモページ: カルーセル
レスポンシブ対応のランディングページ用のテンプレート。背景画像を全面に表示した版とカルーセル版の2つが用意されており、Material Designのさまざまなデザインを利用できます。
MITライセンス
![デモのキャプチャ](http://coliss.com/wp-content/uploads-201801/2018032402-03.png)
Portfolio Template
デモページ: 全画面、デモページ: グリッド
デザイナーや制作者などのポートフォリオにぴったりなテンプレート。写真やイラストを公開するギャラリーとしてもぴったりです。
MITライセンス
![デモのキャプチャ](http://coliss.com/wp-content/uploads-201801/2018032402-04.png)
Bootstrap 4のカードを使用したブログ用のテンプレート。トップページ、記事ページ、カテゴリページもそれぞれ用意されており、WordPress化するためのチュートリアルも用意されています。
MITライセンス
![デモのキャプチャ](http://coliss.com/wp-content/uploads-201801/2018032402-05.png)
Eコマース用のテンプレートで、商品のプレゼンテーション用ページをはじめ、一覧ページやチェックアウトページも揃っています。フォームもMaterial Designががっつり採用されており、 楽しめます。
MITライセンス
![デモのキャプチャ](http://coliss.com/wp-content/uploads-201801/2018032402-06.png)
大量のニュースや記事を掲載できるマガジン形式のテンプレート。
MITライセンス
![デモのキャプチャ](http://coliss.com/wp-content/uploads-201801/2018032402-07.png)
Sassではなく、Saasは「software as a service」の略で、サービスとしてのソフトウェアを扱う企業向けのテンプレート。
MITライセンス
![デモのキャプチャ](http://coliss.com/wp-content/uploads-201801/2018032402-08.png)
ローンチ前のカミングスーン用のテンプレート。カウントダウンやアニメーションを備えた全面のイントロが用意されています。
MITライセンス
![デモのキャプチャ](http://coliss.com/wp-content/uploads-201801/2018032402-09.png)
ヘッダにハーフサイズのカルーセルを備えたテンプレート。
MITライセンス
![デモのキャプチャ](http://coliss.com/wp-content/uploads-201801/2018032402-10.png)
Full Page Image Carousel
デモページ
全面表示のカルーセルを備えたテンプレート。
MITライセンス
![デモのキャプチャ](http://coliss.com/wp-content/uploads-201801/2018032402-16.png)
Full Page Video Carousel
デモページ
全面表示の動画に対応したカルーセルを備えたテンプレート。
MITライセンス
![デモのキャプチャ](http://coliss.com/wp-content/uploads-201801/2018032402-11.png)
3カラムの基本レイアウトを備えたテンプレート。
MITライセンス
![デモのキャプチャ](http://coliss.com/wp-content/uploads-201801/2018032402-12.png)
2カラムの基本レイアウトを備えたテンプレート。
MITライセンス
![デモのキャプチャ](http://coliss.com/wp-content/uploads-201801/2018032402-13.png)
1カラムの基本レイアウトを備えたテンプレート。
MITライセンス
![デモのキャプチャ](http://coliss.com/wp-content/uploads-201801/2018032402-14.png)
Jumbotron with Features Template
デモページ
ユーザーの関心を重要な要素に集中させるのに適したテンプレート。
MITライセンス
![デモのキャプチャ](http://coliss.com/wp-content/uploads-201801/2018032402-15.png)
Full Background Image Template
デモページ
背景画像を全面に表示したテンプレート。
MITライセンス
sponsors