商用利用無料!Bootstrap 3, Bootstrap 4をベースに最近のUIデザインのトレンドを取り入れた新作テーマのまとめ

最近のWebページで人気のある縦長ページ、CSS3アニメーション、スクロールエフェクト、大きい写真画像を使った背景、カードコンポーネントなど、UIデザインのトレンドを取り入れたBootstrapのテーマを紹介します。

Bootstrap 4ベースのものもリリースされ始めました。

Land.ioのキャプチャ

Bootstrapの特徴や基本的な使い方は、下記の記事を参考にどうぞ。

参考

ではテーマ紹介を、まずはBootstrap 4をベースにしたものから。

デモのキャプチャ

Land.io -GitHub
デモページ
デモページ: UIエレメント
個人・商用利用、無料。

Bootstrap 4をベースにしたテンプレートで、新しいカードコンポーネントを使い、繊細なアニメーションでコンテンツを魅力的に見せています。

デモのキャプチャ

Day
デモページ
個人・商用利用、無料。

クリーンでモダンにデザインされたポートフォリオ・プロモーション向けのテンプレート。

デモのキャプチャ

Awesome Portfolio
デモページ
個人・商用利用、無料。

縦長ページのシンプルなポートフォリオ向けのテンプレート。

デモのキャプチャ

Ethanol
デモページ
個人・商用利用、無料。

5種類のヘッダ・セクションレイアウト、エクストラページを備えた実用性バツグンのテンプレート。

デモのキャプチャ

Spirit8
デモページ
個人・商用利用、無料。

コンテンツ間にある背景が固定で、カーテンのようにスクロール表示されるシンプルでかっこいいテンプレート。

デモのキャプチャ

Arcadia
デモページ
個人・商用利用、無料。

コンポーネントごとに目を引かせるアニメーションを取り入れたポートフォリオ向けのテンプレート。

デモのキャプチャ

Brandi
デモページ
個人・商用利用、無料。

レイアウトやアニメーションが非常に楽しい、まさにクリエイティブな縦長ページのテンプレートです。

デモのキャプチャ

Light Wave
デモページ
個人・商用利用、無料。

固定された背景上に、次々に半透明のパネルでコンポーネントをスクロールさせるテンプレート。カラースキームや背景のタイプも選択できます。

デモのキャプチャ

Blue
デモページ
個人・商用利用、無料。

ランディングページ用のテンプレートで、スライダーやカードなど気持ちいいアニメーションを備えています◎

デモのキャプチャ

Startup
デモページ
個人・商用利用、無料。

小規模のスタートアップ向けのテンプレート。各コンポーネントのデザインやアニメーションが小気味よいです。

デモのキャプチャ

TA Portfolio
デモページ
個人・商用利用、無料。

タイムラインのコンテンツを備えた、クリーンでエレガントなポートフォリオ向けテンプレート。

デモのキャプチャ

Pink
デモページ
個人・商用利用、無料。

スモールビジネス向けのランディングページ、アクセントカラーのピンクとアニメーションが非常にスタイリッシュです。

デモのキャプチャ

Come Here
デモページ
個人・商用利用、無料。

カミングスーン用とありますが、コンテンツは非常に充実しています。モノトーンのコンポーネントと写真背景のコンポーネント、品のあるアニメーションが素敵です。

デモのキャプチャ

Honoka
Honoka -GitHub
デモページ
Honoka -解説記事
個人・商用利用、無料。

フォント指定・文字サイズをはじめ、日本語をより美しく表示するためのさまざまなアプローチを取り入れたテーマ。

デモのキャプチャ

Umi
Umi -GitHub
デモページ
個人・商用利用、無料。

Honokaの色違い版も!

top of page

©2017 coliss