2015/11/30
ハイクオリティーなのに全部無料!現場で使えるBootstrap3用テンプレート40+

ハイクオリティーなのに全部無料の現場で使えるBootstrap3用テンプレートをまとめました。
ランディングページ、1ページもの、ポートフォリオ、多目的に使えるテンプレートなど、多岐にわたっています。
これからBootstrapを利用しようと考えている方はぜひチェックしてみてくださいね。
ご参考になれば幸いです。
50 Free Bootstrap 3 Templates and UI Kits
Contents
- 1 Pratt
- 2 Landy
- 3 Butterfly Bootstrap Theme
- 4 Colorful Flat Theme
- 5 Evento
- 6 Minimal Dark
- 7 Magister
- 8 Landing Page
- 9 Flatty
- 10 Siimple
- 11 Brushed
- 12 Shield
- 13 Essentia
- 14 Single Page Template
- 15 Mamba
- 16 Xeon
- 17 Bolt
- 18 Grayscale
- 19 Elegance
- 20 Marco
- 21 Freelancer
- 22 Studio
- 23 Merlin
- 24 Flat Theme
- 25 Solid
- 26 Nova
- 27 Munter
- 28 Link
- 29 Progressus
- 30 Onassis
- 31 Amoeba
- 32 Spot
- 33 Dribbble Portfolio
- 34 Instant
- 35 Kelvin Resume
- 36 Counter
- 37 SuperAwesome
- 38 Bootply
- 39 Bootplus
- 40 Material Design for Bootstrap
- 41 Bootstrap Style Guide Boilerplate
- 42 Style Guide Boilerplate
Pratt
清潔感あふれるランディングページ用テンプレート。
CC0Pratt
Landy
アプリのランディングページに適したテンプレート。
MITライセンス
Landy
Butterfly Bootstrap Theme
Colorful Flat Theme
シンプルなフラットデザイン。
商用利用可能
Colorful Flat Theme
Evento
カウントダウンカウンターもついたランディングページ用テンプレート
商用利用可能
Evento
Minimal Dark
落ち着いたデザインのテンプレート。
CC0Minimal Dark
Magister
必要最小限のランディングページ用テンプレート。
Magister
Landing Page
機能豊富なテンプレート。
Apache License, Version 2.0
Landing Page
Flatty
Siimple
商用利用可能
基本的なランディングページ。
Siimple
Brushed
きれいな1ページもののテンプレート。
Brushed
Shield
エレガントな1ページもののテンプレート。
CC0
Shield
Essentia
注目の1ページものテンプレート。
Essentia
Single Page Template
フラとスタイルの1ページものテンプレート。
クリエイティブコモンズ表示CC BY
Single Page Template
Mamba
クリーンでフラットな1ページものテンプレート。
商用利用可能
Mamba
Xeon
ビジネスや会社用として最適な1ページものテンプレート。
商用利用可能
Xeon
Bolt
エレガントな1ページもののテンプレート。
商用利用可能
Bolt
Grayscale
基本的な1ページものテンプレート。
商用利用可能
Grayscale
Elegance
フラット&パララックス機能付きのテンプレート
商用利用可能
Elegance
Marco
スタイリッシュな1ページものテンプレート。
商用利用可能
Marco
Freelancer
フラットデザインのポートフォリオ用1ページものテンプレート。
商用利用可能
Freelancer
Studio
パララックス機能のついた1ページものテンプレート。
商用利用可能
Studio
Merlin
クリーンでシンプルな1ページものテンプレート。
Merlin
Flat Theme
ビジネスをはじめ、多様なサイトに適したテンプレート。
商用利用可能
Flat Theme
Solid
7ページからなるフラットデザインのテンプレート。エージェンシーやフリーランサーに適しています。
商用利用可能
Solid
Nova
16ページ以上からなる多目的用テンプレート。
Nova
Munter
クリエイティブ・エージェンシーに適したテンプレート。
CC0Munter
Link
スタイリッシュでクリーンな6ページからなるエージェンシーに適したテンプレート。
商用利用可能
Link
Progressus
エレガントなビジネス用テンプレート。
Progressus
Onassis
エージェンシーやフリーランサーに適した1ページものテンプレート
商用利用可能
Onassis
Amoeba
エージェンシーに適したフラットデザインの1ページものテンプレート
商用利用可能
Amoeba
Spot
エージェンシーやフリーランサーに適したフラットデザインの1ページものテンプレート
商用利用可能
Spot
Dribbble Portfolio
ポートフォリオに適したテンプレート。
商用利用可能
Dribbble Portfolio
Instant
ポートフォリオに適した3ページからなるテンプレート。
商用利用可能
Instant
Kelvin Resume
スタイリッシュでシンプルなレジュメ用テンプレート。
商用利用可能
Kelvin Resume
Counter
スタイリッシュなカミングスーンサイト/カウントダウンテンプレート。
商用利用可能
Counter
SuperAwesome
機能豊富なカミングスーンサイト用テンプレート。
SuperAwesome
Bootply
Google+スタイルのテンプレート。
Bootply
Bootplus
Googleスタイルのテンプレート。
クリエイティブコモンズ表示CC BYBootplus
Material Design for Bootstrap
マテリアルデザインのテンプレート。
Material Design for Bootstrap
Bootstrap Style Guide Boilerplate
スタイルガイド用のテンプレート
Bootstrap Style Guide Boilerplate
Style Guide Boilerplate
スタイルガイド用のテンプレート
Style Guide Boilerplate
Sponsored by
お役に立てましたら、以下どれでも結構のですので、ポチリと……。
Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
-
コピペOK! 画像のホバーエフェクトを簡単にアニメーションさせられるimagehover.css
画像や写真にマウスを重ねたときに、アニメーションのエフェクトがかかっていると、それだけで洗練された印
-
-
レスポンシブWEBデザイン対応のメニューが作れるチュートリアル17(ソースファイル付き)
レスポンシブWEBデザインを行ううえで重要になってくるのがメニューをどのようにするかということではな
-
-
アイコンはCSSで!フォントもSVGも使用しないCSSだけのアイコンセット「Icono」
CSSだけでつくられたアイコンセットのご紹介です。 近年のアイコンというと、アイコンフォントかSV
-
-
WEBサイトの必要な部分だけを印刷したいならコレが超便利!ブックマークレット「The Printliminator」
WEBサイトの必要な部分だけを印刷したい場合に大変便利なブックマークレットをご紹介。 このブックマ
-
-
レスポンシブ対応済みサイトがApple Watchに対応しているかどうかがわかる「the ultimate responsive test」
Apple Watchがいよいよ発売になります。 ところで、あなたのレスポンシブ対応済みのサイトは
-
-
WEBサイトの背景に幾何学的なポリゴンアニメーションを簡単に実装できる「particles.js」
流行っているのかどうか定かではありませんが、海外のサイトなどで最近よく見かける幾何学的なポリゴンアニ
-
-
スクロールした位置についてくるStickyプラグイン15
スクロールした位置についてくる要素を実装するjQueryプラグイン「Stickyプラグイン」をまとめ
-
-
背景に使いたい!美しくカラフルなトライアングルメッシュ画像をSVGとして作成できるjsライブラリー「Trianglify」
最近よく見かける背景画像といえば、美しいボケ味の効いた画像やカラフルなピクセルパターンですが、美しく
-
-
画像を使わずにCSSとWEBフォントを利用してアイコンボタンをつくる方法
アイコンに画像を利用せず、WEBフォントとCSSを使って表現する方法が徐々に増えています。 画像を
-
-
一石二鳥!ベンダープレフィックスをブラウザ上で追加し、CSSのミスも指摘してくれる「Autoprefixer」
ベンダープレフィックスvendor prefixesをブラウザ上で追加してくれたうえで、CSSのミス