デザインの参考にもいい!レスポンシブ対応のHTML5/CSS3のテンプレートのまとめ

商用でも無料でいいの?というくらい美しくデザインされたHTML5/CSS3のテンプレートを紹介します。

デザインだけでなく、ページ内に取り入れたエフェクトもなかなか面白いものが揃っていますよ。

サイトのキャプチャ

Brushed
デモ

ミニマルなデザインが美しい1ページスクロール。パララックスの使い方、固定ヘッダの配置方法、ナビゲーションやパネルのエフェクトなど、随所にセンスが光ります。
個人・商用利用無料。

サイトのキャプチャ

Fore
デモ

1ページスクロール、大きな写真画像、水平タイプのスライダー、レスポンシブ対応、と今時のページが簡単に構築できるテンプレート。CSSはLESSです。
個人・商用利用無料。

サイトのキャプチャ

Piccolo
デモ

BootstrapベースのHTMLのテーマで、19の異なるレイアウトが用意されており、ギャラリー、スライダー、ライトボックス、アラート、アイコンなども備えています。
個人・商用利用無料。

サイトのキャプチャ

mRova
デモ

ミニマルにデザインされた1ページスクロール。カラーは6色用意されており、スタイルの変更も簡単です。スマフォ表示でのナビゲーションがかわいいです。
個人・商用利用無料。

サイトのキャプチャ

Simplex
デモ

フラットなスタイルで1ページスクロール、スクロールと連動するナビゲーションのエフェクトが素敵です。レイアウトのPSDデータもついています。
個人・商用利用無料。

サイトのキャプチャ

Kreative
デモ

ブラウザいっぱいにのレイアウトを活かした1ページスクロール。小規模な会社やポートフォリオ用にGoogle Mapsやコンタクトフォームも備えています。
個人・商用利用無料。

サイトのキャプチャ

Overflow
デモ

印象的に写真やメッセージを発信したいポートフォリオなどに最適な1ページスクロール。
個人・商用利用無料。

サイトのキャプチャ

Prologue
デモ

ナビゲーションをサイドに固定表示する1ページスクロール。スタイリッシュなポートフォリオなどに最適。
個人・商用利用無料。

サイトのキャプチャ

Parallelism
デモ

水平スクロール型のギャラリー用のページ。大きな写真が背景に使われているのも印象的です。
個人・商用利用無料。

サイトのキャプチャ

Horus.
デモ

2つのレイアウトパターンを備え、カラーもスキンベースで変更できるテンプレート。逆V字のナビゲーションも面白いです。
個人・商用利用無料。

サイトのキャプチャ

Vivid Photo
デモ

フォトグラファーなど、写真をメインにコンテンツを作成したテンプレート。各コンテンツは半透明のパネルに表示させ、写真を効果的に見せます。
個人・商用利用無料。

top of page

©2017 coliss