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

今時の繊細でかっこいいエフェクトを備え、美しくデザインされたレスポンシブ対応のランディングページ、プロダクトページ、縦長ページ、ポートフォリオ、ブログなど、HTML5/CSS3で作成された商用利用無料のテンプレートを紹介します。

最近のデザインやインタラクションの勉強にもいいですね。

レスポンシブ対応の美しくデザインされたHTML5/CSS3のテンプレートのまとめ

画像: 写真 AC

デモのキャプチャ

Lens
デモページ

デスクトップ・タブレット・スマホのそれぞれに適した見せ方をするギャラリー用のテンプレート。

デモのキャプチャ

Fractal
デモページ

フラットなカラーとソリッドなラインでデザインされた縦長ページ用のテンプレート。

デモのキャプチャ

Eventually
デモページ

動画を背景に使ったカミングスーン用のテンプレート。フォームがぶるっと震える細かいインタラクションもいいですね。

デモのキャプチャ

Identity
デモ

フルスクリーン表示1ページ、アニメーションが繊細で美しいテンプレートです。

デモのキャプチャ

Sedna
デモページ

アニメーションをたっぷり使った縦長ページ用のテンプレート。
HTML, CSSファイルの他に、デザイン用のSketchファイルもダウンロードできます。

デモのキャプチャ

Boxify
デモページ

コンポーネントの随所にanimate.cssを使ったアニメーションを採用した縦長ページ用のテンプレート。

デモのキャプチャ

Halcyon Days
デモページ

コンテンツの合間に異なる背景を固定表示させるのいいですね。

デモのキャプチャ

Yebo
デモページ

大胆なレイアウトと繊細なアニメーションが気持ちいい縦長ページのテンプレート。

デモのキャプチャ

Starnight
デモページ

縦長ページに水平スライダーを組み合わせたテンプレート。

デモのキャプチャ

Olester
デモページ

マルチカラム対応の縦長ページのテンプレート。
ナビゲーションの「Pages」から各ページが表示されます。

デモのキャプチャ

Histobals
デモページ

大胆なトップページとそれにあったコンポーネントの展開が勉強になるテンプレート。

デモのキャプチャ

Belstorm
デモページ

半透明とソリッドなカラーとシャドウを巧みに使い、各エレメントに奥行きをつけたデザインが面白いですね。

デモのキャプチャ

Petitmal
デモページ

写真を背景に、さまざまな矩形パネルを使ったデザインのバリエーションが豊富です。

デモのキャプチャ

Encovers
デモページ

写真と空白スペースを使い、情報をうまく整理しています。

デモのキャプチャ

Landon
デモページ

各コンテンツごとにいっぱいの背景写真とマルチカラムを組み合わせたテンプレート。

デモのキャプチャ

Lunar
デモページ

画像を大胆に配置し、カード型レイアウトを取り入れたテンプレート。

デモのキャプチャ

Nightly
デモページ

矩形パネルを隙間無くグリッドに配置したテンプレート。背景はソリッドなカラーや写真などいろいろ使えます。

デモのキャプチャ

Ocra
デモページ

エレメントやアクセント、写真などに使用している落ち着いたパステルブルーが印象的です。

top of page

©2017 coliss