2016.03.23技術

Bootstrapのテンプレートを集めた7つのサイトと21のイケてるテーマ

  • このエントリーをはてなブックマークに追加
7da6c304 8a79 49a3 ab17 591a699e7367

Bootstrapとは、WEBサイトやWEBアプリケーションの作成を手助けしてくれる、CSSフレームワークのフリーソフトウェアツール集です。エンジニアやコーダーはもちろん、コーディングが苦手なWEBデザイナーからも重宝されているBootstrap。
 
今回はBootstrapのテンプレートがダウンロードできるサイトと、各テーマのテンプレートとデモページをご紹介します。
 

10,000件以上の案件から希望の案件をご紹介!

未公開案件も多数ありますので「まずは相談したい。」という方もお気軽に登録ください。
 
Banner free wide 037b570405fddeb419957475d18a005501589cadc55bfe73d5000335887322fd
【目次】
スマホ対応で便利なBootstrapテンプレート集サイト「W3 Layouts」
クールな縦スクロールが魅力のBootstrapテンプレート集サイト「PETER FINLAN」
150以上の豊富なBootstrapテンプレート集サイト「SHAPE BOOTSTRAP」
オープンソースが揃ったBootstrapテンプレート集サイト「BOOTSTRAP ZERO」
ランディングページ向けのBootstrapテンプレート集サイト「xtendify」
シンプルで使いやすいBootstrapテンプレート集サイト「Bootswatch」
ダッシュボード用に使えるBootstrapテンプレート集サイト「Dashboards by keen IO」
日本語Bootstrapテンプレート「Honoka」
まとめ
 

スマホ対応で便利なBootstrapテンプレート集サイト「W3 Layouts


 
デスクトップ・スマホ版の様々なタイプからダウンロードでき、種類も豊富でデモを見ているだけでも参考になるサイトです。
 

テンプレート テーマ「CHARM


テーマごとのコンセプトもはっきりしていて、非常に参考になりやすいです。CHAMは女性の写真を中心の可愛らしい印象。
 

テンプレート テーマ「Legalized


Legalizedは弁護士の誠実だけど優しさのある印象。
 

テンプレート テーマ「NOVEL FOLIO


NOVEL FOLIOはスクロールすると、画面は移動せず、アニメーションが動く仕様になっています。モバイル向けではありませんが、工夫次第で印象的なページが作れます。
 
各リンクページからデモページを見て、ダウンロードをすること可能です。
 

クールな縦スクロールが魅力のBootstrapテンプレート集サイト「PETER FINLAN


種類こそは少ないものの、縦スクロールに動きのあるスタイリッシュなテンプレートが揃っています。
 

テンプレート テーマ「Yebo Bicycle


デモページ
大きめの写真がレイアウトされた仕様は、商品紹介などに向いています。
 

テンプレート テーマ「Sternight App


デモページ
上部の大きめの写真と下部のアニメーションのバランスが絶妙です。
 

テンプレート テーマ「SEDNA


デモページ
シンプルですが、分かりやすい動きで縦に長いサイトに適しています。
 

150以上の豊富なBootstrapテンプレート集サイト「SHAPE BOOTSTRAP


約150のBootstrapのテンプレートと、合計250万以上のダウンロードの実績がある大型サイトです。
 

テンプレート テーマ「Brandy


デモページ
背景が固定されて、カーテンのようにスクロールされる仕様は、スクロールしていてとても気持ちが良いです。
 

テンプレート テーマ「New Look


デモページ
画像にクリックを合わせると滑らかに色が変わるところが良いですね。スマホ版も同じ仕様でした。
 

テンプレート テーマ「Sam


デモページ
大きな動きでとても分かりやすい作りです。
 

オープンソースが揃ったBootstrapテンプレート集サイト「BOOTSTRAP ZERO


ソースが公開されているBootstrapのテンプレートが集められています。
 

テンプレート テーマ「START BOOTSTRAP


デモページ
シンプルな作りは個人サイトに適しています。
 

テンプレート テーマ「Landing Zero


デモページ
ファーストビューの背景に動画を利用しているテーマ。
 

テンプレート テーマ「Crew


デモページ
テーマカラーを簡単に変えられて便利です。
 

ランディングページ向けのBootstrapテンプレート集サイト「xtendify


ランディングページやスタートアップに適したBootstrapのテンプレートがコレクションされています。
 

テンプレート テーマ「Subtle Motion


デモページ
スクロールした時の動きが絶妙です。
 

テンプレート テーマ「FENIX


デモページ
動きのある数値とグラフが印象的で、ランディングページにも適しています。
 

テンプレート テーマ「XEO


デモページ
背景が固定されたカーテン式のスクロールは印象に残ります。
 

シンプルで使いやすいBootstrapテンプレート集サイト「Bootswatch


シンプルで用途を選ばないテンプレートが一通り揃っています。
 

テンプレート テーマ「Flatly


デモページ
シンプルで使いやすいバー、ボタン、フォームなどが入手できるツールです。
 

テンプレート テーマ「INSPINIA


デモページ
管理用ダッシュボードのテンプレート。
 

ダッシュボード用に使えるBootstrapテンプレート集サイト「Dashboards by keen IO


ダッシュボード用のテンプレートがコレクションされています。レイアウトも豊富にあり、用途は様々です。
 

テンプレート テーマ「Geo-Explorer


デモページ
マップのピンを動かすと、範囲内のデータが読み取れます。
 

テンプレート テーマ「SFMTA Parking


デモページ
 

テンプレート テーマ「Starter Kit


デモページ
グラフ上でカーソルを合わせると、数値を詳しく見ることが出来ます。
 

日本語Bootstrapテンプレート「Honoka


日本語を美しく表示してくれるBootstrapのテーマです。
 

まとめ

いかがでしょうか。Bootstrapのテンプレートをまとめたサイトは数多くあり、面倒なコーディング作業を手助けしてくれます。Bootstrapも日々進化していっていますので、お気に入りのサイトがあればいくつかブックマークをしていても良いでしょう。

  • このエントリーをはてなブックマークに追加
10,000件以上の案件から希望の案件をご紹介!

未公開案件も多数ありますので「まずは相談したい。」という方もお気軽に登録ください。
 
Banner free wide 037b570405fddeb419957475d18a005501589cadc55bfe73d5000335887322fd

新着のコラム記事

人気のコラム記事