商用利用無料で、サイトの主要ページがまるごと揃ってる新しいHTMLのテンプレート素材 -Mashup Template

HTMLの無料テンプレートのほとんどは単一ページのみですが、今回紹介するのはなんと、サイトの主要ページまるごと無料テンプレートとして、しかもデザインファイルやフォントファイルまでもまとめてダウンロードできるMashup Templateを紹介します。

時間がないときに、予算がないときに、さくっと作成できるテンプレートです。
また、最近のトレンドを採用したさまざまなコンポーネントが用意されているので、デザインやコードの引き出しとして、勉強にもいいですね。

サイトのキャプチャ

Mashup Template

Mashup Templateの特徴

  • 複数ページとコンポーネントが含まれたテンプレート
    単一ページのテンプレート素材が多いですが、Mashup Templateはサイトやブログで使われる複数のページとコンポーネントが用意されています。
  • カスタマイズが簡単
    そのまま使ってもよいですが、コンポーネントが用意されているので、コピペで簡単に新しいレイアウトを作成することができます。
  • デザインファイル
    Sketchファイルとフォントのリソースもダウンロードできます。
  • 開発ファイル
    Webpackをベースとしたリソースもダウンロードできます。
    SCSSで利用可能で、数分でカスタマイズできる状態になっています。
  • 100%無料
    個人でも商用のプロジェクトでも無料で利用できます。
    ※フッタのコード内に記述されたバックリンクが必要です。
サイトのキャプチャ

Sketchファイルやフォントもダウンロードできます

Mashup Templateのテンプレート

レスポンシブ対応のさまざまなテンプレートが用意されています。

HTMLのテンプレートのデモ

Savory

Savoryはプロダクトを見せるためのテンプレートで、配下コンテンツも揃っています。

HTMLのテンプレートのデモ

Savory: アバウトページ

HTMLのテンプレートのデモ

Savory: サービスページ

HTMLのテンプレートのデモ

Savory: お問い合わせページ

ページに利用できるコンポーネントも多種多様なものが用意されています。

HTMLのテンプレートのデモ

Savory: コンポーネント一覧

さまざまな目的用に、ほかにもたくさんのテンプレートが用意されています。

HTMLのテンプレートのデモ

Energy

HTMLのテンプレートのデモ

Pure

HTMLのテンプレートのデモ

Univers

HTMLのテンプレートのデモ

Complex

HTMLのテンプレートのデモ

Factory

HTMLのテンプレートのデモ

Moutain

直線ではないヘッダやz-indexを使ったスライダーなど、最近見かけるかっこいいデザインも揃っています。

HTMLのテンプレートのデモ

Moutain: スライダー

top of page

©2017 coliss