商用も無料!Bootstrapをベースに最近のトレンドを取り入れた新作テンプレートのまとめ

Webデザインの最近のトレンド、縦長ページ、スクロールエフェクト、CSS3アニメーション、フラットスタイルなどを取り入れたBootstrapのテンプレートを紹介します。

Bootstrapは先週3.3.0がリリースされ、Bootstrap4の開発も進んでるそうです。4ではIE8はサポート外になる予定。

サイトのキャプチャ

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

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

サイトのキャプチャ

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

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

サイトのキャプチャ

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

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

サイトのキャプチャ

Coming Soon
デモページ
個人・商用利用無料。

CSS3アニメーションを使った楽しいカミングスーン用のテンプレート。

サイトのキャプチャ

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

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

サイトのキャプチャ

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

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

サイトのキャプチャ

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

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

サイトのキャプチャ

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

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

サイトのキャプチャ

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

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

サイトのキャプチャ

Single Pager -Light&Dark
デモページ
個人・商用利用無料。

ライトとダーク、2種類のカラースキームを備えた縦長ページのテンプレート。

サイトのキャプチャ

Video Background
デモページ
個人・商用利用無料。

背景に動画を使った縦長ページのテンプレート。

サイトのキャプチャ

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

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

サイトのキャプチャ

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

こちらもカミングスーン用で、アニメーションを使ったかっこいい仕上がりになっています。

サイトのキャプチャ

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

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

サイトのキャプチャ

Happy Scroll
デモページ
個人・商用利用無料。

縦長ページで、コンテンツをカーテンのように引き上げて表示するテンプレート。

サイトのキャプチャ

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

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

サイトのキャプチャ

Google Plus
デモページ
個人・商用利用無料。

上部に二段のナビゲーションバーを備えたGoogle+にインスパイアされたテンプレート。

サイトのキャプチャ

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

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

サイトのキャプチャ

Colorful Flat
デモページ
個人・商用利用無料。

上部にスライダーを配置したランディングページ用のテンプレート。

サイトのキャプチャ

Landing Page with Login and Signup
個人・商用利用無料。

ログインとサインアップを備えたランディングページ用のテンプレート。

サイトのキャプチャ

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

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

sponsors

top of page

©2018 coliss