商用利用無料！Material Designが簡単に実装できる、Bootstrap 4をベースにした新作テンプレートのまとめ
Post on:2018年3月27日
sponsors
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
