高品質でしかも無料!すごい使えるレスポンシブ対応のHTML5/CSS3のテンプレートのまとめ

今時のトレンドがうまく取り入れられ、高品質にデザインされたレスポンシブ対応のランディングページ、プロダクトページ、縦長ページ、ポートフォリオ、ブログなど、HTML5/CSS3で作成された商用利用無料のテンプレートを紹介します。

レスポンシブ時のレイアウトの変化、気持ちいい繊細なアニメーションなど勉強にもなりますね。

サイトのキャプチャ

Phantom
デモページ

色分けされたカードはホバー時にズーム・フェード・スライドを組み合わせたアニメーションで情報を表示。色分けはカテゴリに使ってもよいですね。

サイトのキャプチャ

Multiverse
デモページ

画像や動画など、ギャラリー用のテンプレート。スライドショー機能も備えています。

サイトのキャプチャ

Hyperspace
デモページ

デスクトップ時は左サイドバー、スマホ時は上部固定のナビゲーションで、リストやテーブルをつかったレスポンシブ対応のコンポーネントが使用されています。

サイトのキャプチャ

Future Imperfect
デモページ

ブログ用のテンプレートで、アイキャッチ画像のホバーにはズームが使用されています。上部メニューの右2つのアイコンは省スペースを効果的に使うアイデアですね。

サイトのキャプチャ

Solid State
デモページ

コンテンツ間を斜めのラインで区切ったレイアウトが面白いテンプレート。背景は固定表示で、ベタ塗りと組み合わせることで面白い効果を生み出しています。

サイトのキャプチャ

Ethanol Portfolio
デモページ

カルーセル、動画、パララックス、アプリ用スライダーなど、5種類のヘッダが用意されたポートフォリオ用のテンプレート。

サイトのキャプチャ

Awesomess Portfolio
デモページ

シンプルなコンポーネントが組み合わされたポートフォリオ用のテンプレート。

サイトのキャプチャ

Spirit8
デモページ

背景に固定配置とベタ塗りを組み合わせて、スクロールするとカーテンを引き上げるような効果が楽しいテンプレート。

サイトのキャプチャ

Brauttio
デモページ

美容室用のテンプレートで、追従するパララックスのエフェクトが非常に快適です。

サイトのキャプチャ

Layana
デモページ

Bootstrapのテンプレートで、リスト・テーブル・カルーセル・タイムライン・料金表など、さまざまなコンポーネントが用意されています。

サイトのキャプチャ

Landing Zero
デモページ

ランディングページ用の動画背景のシンプルなテンプレート。動画は静止画に変えることもできます。

サイトのキャプチャ

Effacy
デモページ

5種類の人気が高いヘッダのエフェクトが用意されたテンプレート。パーティクルが用意されたテンプレートは珍しいですね。

サイトのキャプチャ

Blue
デモページ

シンプルな縦長ページ用のテンプレートで、気持ちいいスクロールエフェクトが洗練さを演出しています。

サイトのキャプチャ

Intimate
デモページ

すべてのアイテムがカード状にデザインされた個人ブログ・ポートフォリオ用のテンプレート。

サイトのキャプチャ

Visualize
デモページ

ギャラリーサイト用のテンプレート。ガラス板のようなキャプション、かっこいいですね。

サイトのキャプチャ

Prism
デモページ

レスポンシブ対応のシンプルなテンプレート。

サイトのキャプチャ

Typify
デモページ

空白スペースをたっぷり使ったシンプルなテンプレート。

top of page

©2017 coliss