レスポンシブ対応、縦長ページで見かけるさまざまなUIコンポーネントを備えたHTML/CSSのテンプレート -Shards
Post on:2017年11月15日
sponsors
最新のBootstrap 4をベースに、ランディングページやスマホアプリのプロモーションページなど、縦長ページでよく見かけるさまざまなUIコンポーネントを備えたHTML/CSSテンプレートで構成された無料のUIキットを紹介します。
もちろんレスポンシブ対応で、非常に軽量に構築されているので、快適に利用できます。
ShardsはMITライセンス、個人でも商用のプロジェクトでも無料で利用できます。
Shardsのデモ
ダウンロードファイルには、すぐに利用できるデモページも含まれています。
まずは、プロダクト・サービス向けの縦長ランディングページ。
洗練されたデザインは美しく、シャドウやアニメーションなどの繊細なエフェクトが気持ちいいページです。
もう一つは、スマホアプリ用のプロモーションページ。
App Store, Google Playに対応したデザインです。
アプリの特徴、スタッフの紹介、問い合わせのフォームなどのUIコンポーネントが用意されています。
ShardsのUIコンポーネント
Shardsには、カスタマイズ可能なさまざまなUIコンポーネントが用意されています。
Shards コンポーネントのデモ: カラー
Shards コンポーネントのデモ: フォーム
Shards コンポーネントのデモ: フォームのバリデーション
Shards コンポーネントのデモ: カード
Shards コンポーネントのデモ: モーダル・バッジ・ツールチップ
Shards コンポーネントのデモ: ナビゲーション
上記以外にも、さまざまなUIコンポーネントが用意されています。
Shardsの使い方
Shardsの各UIコンポーネントのカスタマイズ方法は、専用のページが用意されています。
Docs -Shards: カードのカスタマイズ
ダウンロードファイルにはHTML/CSS/JavaScript一式だけでなく、デザインファイルも含まれています。
Shardsのデザイン用ファイル（.sktech）
sponsors
