商用利用無料!Material Designが簡単に実装できる、Bootstrap 4をベースにした新作テンプレートのまとめ

Material Designを使用してみたいけど、時間がない、手間をかけたくない、という人にぴったりな、Material Designが採用された商用でも個人でも無料で利用できるBootstrap 4ベースの新作テンプレートを紹介します。

企業向けサイト、プロダクトのランディングページ、ポートフォリオやギャラリー、ブログ用のテンプレートが揃っています。

Material Design for 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ライセンス

デモのキャプチャ

Blog Template
デモページ

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

デモのキャプチャ

Ecommerce Template
デモページ

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

デモのキャプチャ

Magazine Template
デモページ

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

デモのキャプチャ

Saas Template
デモページ

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

デモのキャプチャ

Coming Soon Template
デモページ

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

デモのキャプチャ

Half Carousel Template
デモページ

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

デモのキャプチャ

Full Page Image Carousel
デモページ

全面表示のカルーセルを備えたテンプレート。
MITライセンス

デモのキャプチャ

Full Page Video Carousel
デモページ

全面表示の動画に対応したカルーセルを備えたテンプレート。
MITライセンス

デモのキャプチャ

3 Columns Listing
デモページ

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

デモのキャプチャ

2 Columns Listing
デモページ

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

デモのキャプチャ

1 Column Listing
デモページ

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

デモのキャプチャ

Jumbotron with Features Template
デモページ

ユーザーの関心を重要な要素に集中させるのに適したテンプレート。
MITライセンス

デモのキャプチャ

Full Background Image Template
デモページ

背景画像を全面に表示したテンプレート。
MITライセンス

sponsors

top of page

©2018 coliss