商用無料でしかも高品質!レスポンシブ対応、HTML5/CSS3で作成されたテンプレートのまとめ

最近のWebページで人気のある縦長ページ、繊細なインタラクション、大きい写真画像を使ったヘッダ、カード型コンポーネントなど、UIデザインのトレンドが取り入られたHTML5/CSS3で作成された商用利用無料のテンプレートを紹介します。

各デバイスごとのレイアウト、気持ちいいアニメーションなどの勉強にもいいですね。

デモのキャプチャ

Synthetica
デモページ

最近のトレンドでもあるビジュアルのセクションを広く確保し、洗練されたアニメーションを備えたインタラクションが気持ちいいテンプレート。個人のポートフォリオからプロダクトのランディングページまで、何かを見せることに適しています。

デモのキャプチャ

Narrow
デモページ

コンテンツがスクロールに追従するように表示されるテンプレートで、あらゆるビジネスサイトで利用できます。

デモのキャプチャ

Personal
デモページ

タブ型ナビゲーションを採用したレジュメやvcard用のテンプレート。タブのアニメーションに対応するようにコンテンツもアニメーションで表示されます。

デモのキャプチャ

Epic
デモページ

フォトグラファー・イラストレーター・Webデザイナーなどの作品を見せるギャラリー用のテンプレート。画像拡大やギャラリー機能、配下ページも用意されています。

デモのキャプチャ

Guardian
デモページ

ビジネス用の多目的なテンプレートで、よく利用されるさまざまなコンポーネントが用意されています。

デモのキャプチャ

Valet
デモページ

モダンなデザインに、繊細なアニメーションを備えたランディングページ用のテンプレート。

デモのキャプチャ

Auro
デモページ

シンプルでミニマルにデザインされた小規模のビジネス向けテンプレート。プロダクトやサービスを見せることに重点をおいたつくりなっています。

デモのキャプチャ

Rooky
デモページ

iOSなどのスマホアプリのランディングページ用のテンプレート。アプリの特徴やスクリーンのギャラリー、動画なども掲載できます。

デモのキャプチャ

Orion
デモページ

カミングスーン用のテンプレート。クリエイティブでモダンにデザインされており、代理店などにぴったりです。

デモのキャプチャ

Bose
デモページ

多目的用のWordPress対応のテーマで、Woo-commerceにも対応しているのでオンラインショップを始めることもできます。

デモのキャプチャ

Fifteen
デモページ

個人ブログやギャラリー用のWordPressのテーマ。すっきりしたグリッドレイアウトが作品を見栄えよく見えます。

デモのキャプチャ

Aldehyde
デモページ

ブログやマガジンタイプのWordPressサイトに適したテーマで、パララックスのヘッダ、レスポンシブのスライダーなど、カスタマイズ可能なコンポーネントが用意されています。

デモのキャプチャ

Render
デモページ

企業や代理店のポートフォリオ用のテンプレート。オフキャンバスのドロップダウンメニューを備えたベーシックなデザインです。

デモのキャプチャ

Hold
デモページ

Webデザイナー・デベロッパーのポートフォリオ用のテンプレートで、ページの移動時に気持ちいいアニメーションを備えています。

デモのキャプチャ

Guide
デモページ

レイアウトをワイド・ボックスで変更することができ、カラーも同様に変更できるカスタマイズが簡単なテンプレート。スクロールでふわっとコンテンツが表示されます。

デモのキャプチャ

Closest
デモページ

大きな画像を引き立たせるようレイアウトされたポートフォリオ用のテンプレート。ミニマルにデザインされています。

デモのキャプチャ

Magazine
デモページ

シンプルでミニマルにデザインされたマガジン型のテンプレート。サムネイルの小見出しが大きくデザインされており、スクロールでふわっと表示される時に引き立ちます。

top of page

©2017 coliss