商用も無料!Bootstrapをベースに最近のトレンドを取り入れた新作テンプレートのまとめ
Post on:2014年11月5日
Webデザインの最近のトレンド、縦長ページ、スクロールエフェクト、CSS3アニメーション、フラットスタイルなどを取り入れたBootstrapのテンプレートを紹介します。
Bootstrapは先週3.3.0がリリースされ、Bootstrap4の開発も進んでるそうです。4ではIE8はサポート外になる予定。

縦長ページでスクロールに合わせてコンテンツがアニメーションで表示されるテンプレート。

こちらも縦長ページのスクロールでコンテンツが表示するテンプレートで、制作者用にカスタマイズを考慮した作りになっています。

スマホアプリのランディングページ用のテンプレート。Sassサポート。

Coming Soon
デモページ
個人・商用利用無料。
CSS3アニメーションを使った楽しいカミングスーン用のテンプレート。

スクロールするとかわいいアニメーションで要素が表示される縦長ページのテンプレート。

スクロールするとさまざまなアニメーションで要素が表示される縦長ページのテンプレート。

レスポンシブ対応のスライダーを備えた縦長ページのテンプレート。

Web制作者のポートフォリオ用のテンプレート。4つのカラースキームが用意されています。

上記と同じ作者の制作者向けのポートフォリオ用のテンプレートで、こちらはシンプルなデザイン。

Single Pager -Light&Dark
デモページ
個人・商用利用無料。
ライトとダーク、2種類のカラースキームを備えた縦長ページのテンプレート。

Video Background
デモページ
個人・商用利用無料。
背景に動画を使った縦長ページのテンプレート。

カミングスーンなどのランディングページ用のテンプレート。

SuperAwesome
デモページ
個人・商用利用無料。
こちらもカミングスーン用で、アニメーションを使ったかっこいい仕上がりになっています。

iPhone, iPad, MacBookのRetinaディスプレイに最適化された縦長ページのテンプレート。

Happy Scroll
デモページ
個人・商用利用無料。
縦長ページで、コンテンツをカーテンのように引き上げて表示するテンプレート。

サイドバーにオフキャンバスのナビゲーションを備えたフラットなスタイルのテンプレート。

Google Plus
デモページ
個人・商用利用無料。
上部に二段のナビゲーションバーを備えたGoogle+にインスパイアされたテンプレート。

Facebookにインスパイアされたデザインで、サイドにオフキャンバスのナビゲーションを備えたテンプレート。

Colorful Flat
デモページ
個人・商用利用無料。
上部にスライダーを配置したランディングページ用のテンプレート。

Landing Page with Login and Signup
個人・商用利用無料。
ログインとサインアップを備えたランディングページ用のテンプレート。

ビジネスやコーポートレート、ポートフォリオ用の縦長ページのテンプレート。
sponsors