Bootstrap 対応!2017年最新の無料HTMLテンプレート上半期まとめ

opt_pk2p_thumbnail-1

 

デザイン性だけでなく使い心地にもこだわった、ウェブデザイン制作をグッと楽にする無料HTMLテンプレート素材をまとめました。

 

人気のHTMLフレームワーク Bootstrap を利用して作成されており、カスタマイズしやすく拡張性の高いテンプレートが中心に揃います。また、2017年のウェブデザイントレンドをうまく反映した素材も多く、サイト開発のデザインやレイアウトの参考にしてみても良いでしょう。

 

レスポンシブ対応で無料!ウェブ制作を高速化できるHTMLテンプレート24選 2017年1月度

あまり知られていないBootstrapスタイルテクニック、小技16個まとめ

 

 

Paper Kit 2

控えめな配色と美しいタイポグラフィーが特長のBootstrap 4対応で、収録されているコンポーネントはどれもレスポンシブ対応で、あらゆる画面スクリーンサイズでも読みやすいうれしい設定も。

paper-ui-kit

 

 

Now UI Kit

Bootstrap 4のUIコンポーネントに対応したHTMLキットで、ボタンや入力スペース、チェックボックス、ナビメニュー、カルーセルなど基本要素を美しく表現しています。

now-ui-kit-bootstrap

 

 

OAK

クリエイティブな業種に適したポートフォリオ向けテンプレートで、Bootstrap3に対応した15ページに及ぶ大量のHTMLが揃い、どれもjQueryとCSS3テクニックを駆使することで、魅力的なアニメーションを実現しています。

screencapture-oak-elitefingers-html-1502411566261

 

 

Ethereal

スクロールすると水平方向にコンテンツが移動するレイアウトで、魅力的なグラデーションカラーや立体感の強いドロップシャドウなど人気トレンドを取り入れ、基本コンポーネントもばっちり揃った太っ腹なテンプレート。

ethereal

 

 

Bodo

個人向けポートフォリオサイトを想定したテンプレートで、便利なコンポーネントと一緒に、控えめでエレガントなアニメーションも実装されています。

bodo-free-html-template

 

 

Snow

スッキリとしたミニマルで洗練された雰囲気のクリエイター向けテンプレート。サンセリフ書体を組み合わせることで、より高級感のあるデザインを演出できます。

snow-free-html-psd-pack

 

 

Apollo

フォトグラファー向けの手軽なウェブサイトを想定したテンプレートで、魅力的で効果的な見せ方にこだわった Sass と Jade で開発されています。

apollo-html-template

 

 

Massively

スムーズで滑らかな動きが心地よいヘッダー用パララックスエフェクトに、ふわりと表示されるアニメーションがより高級感を演出するテンプレートで、お問い合わせフォームも実装されています。

massively-featured-image

 

 

Mobirise

モバイルフレンドリーでレスポンシブなウェブサイトを作成できるマルチユースなHTMLテンプレート。Bootstrap対応で、パララックスや動画背景、カルーセル、スライダー、イメージギャラリーなど50種類を超えるウェブコンポーネントが用意されています。

free-html-bootstrap-template

 

 

New Age

モバイルアプリ紹介用ランディングページ向けテンプレートで、発色の良いグラデーションカラーを使った魅力的なヘッダーデザインがポイント。

new-age

 

 

Abstract

ページを開いた瞬間に目に飛び込むヘッダースライダーと、最近よく見かけるカード型レイアウトを組み合わせたブログ向けテンプレート。

abstract-html-template

 

 

Focus

写真家向けウェブサイトを想定した、ビジュアルを重視したアニメーションやレイアウトが目白押しのHTMLテンプレート。

focus-template

 

 

Marbble

デスクトップではナビメニューを左側に固定したレイアウトが特長で、トップページの他にブログやポートフォリオ、お問い合わせぺーじなども用意された Bootstrap 対応テンプレート。

marble-html-template

 

 

Lapax

サイトの第一印象にこだわり作成された、モバイルアプリのランディングページを想定したHTMLテンプレート。

lapax-perfect-way-html-template

 

 

Black Template

黒を基調としたウェブサイトを制作したいときに活躍しそうなテンプレートで、基本的なUIコンポーネント素材もきちんと揃います。

black-template

 

 

Cube

スクロールに応じて反応する滑らかなアニメーションエフェクトが特長で、シンプルなレイアウト&Bootstrap対応の汎用性の高いテンプレート。

cube-bootstrap-html

 

 

Air.

目を引く鮮やかな配色が特長のテーマで、 きつめのドロップシャドウで立体感を演出するなど、2017年のデザイントレンドをうまく反映しています。

air-html-template

 

 

Homene HTML Template

レスポンシブ完全対応のスッキリとしたシングルページ完結型レイアウトで、スクロールに応じて発動するアニメーションが美しいテンプレート。

homene-html-template

 

 

Floper

エメラルドグリーンの鮮やかな配色をつかった、スタイリッシュでモダンなHTMLテンプレート。サクッとウェブサイトを作成したいというときなど、テキスト編集だけで利用できる点も◎。

floper-html-template

 

 

Launcher

カウントダウンタイマー機能を実装した、Bootstrap対応のHTML/CSSテンプレート。鮮やかなグラデーションカラーなどトレンド要素も盛り込まれています。

launcher-template

 

 

Mountain King

レスポンシブ対応のスッキリとしたレイアウトに、300以上のベクターアイコンやMasonryギャラリー、Off-CanasスライドメニューやCSS3アニメーションなど豊富な機能が充実しています。

mountain-king-bootstrap-free-html-template

 

 

Molly

鮮やかん黄色がアクセントのテンプレートで、各種コンポーネントも揃っているのので、ポートフォリオなど幅広いウェブプロジェクトに利用できるでしょう。

molly-free-html-template

 

 

Sprout v2

カウントダウンタイマー用テンプレート4種類を揃え、フルスクリーン画面で表示される背景イメージや動画、Ken-Burnsエフェクトなどに対応。

sprout-coming-soon-page-html-template

 

 

Traveler

旅行マッチングサイトを想定したテンプレートで、各種目的地を並べたシンプルなグリッドレイアウトから、詳細まで記載できる金額表など実践的なつくりとなっています。

traverler-template

 

 

Beryllium

建築インテリア向けサイトを想定したHTMLテンプレートで、写真などビジュアルを魅力的に仕上げるレイアウトの工夫が詰まったエレガントなデザイン。

beryllium

 

 

Neat

Bootstrapに対応したテンプレート素材で、スクロールに応じたフェードインなどのアニメーションやカウンター機能なども追加されています。

neat-bootstrap-template

 

 

サムネイル@ :