Bootstrap 3をベースにしたフラットなかわいいデザインのHTMLとPSDが揃ってる無料のUI素材 -Druken Parrot UI Kit

BootstrapのさまざまなエレメントがかわいくフラットにデザインされたUI素材を紹介します。

Drunken Parrot UI Kit Lite (free)
Druken Parrot UI Kit -GitHub

UIキットは個人でも商用でも無料で利用でき、PSDとHTMLファイル一式が揃っています。ダウンロードファイルには使用されているフォントやアイコンも含まれています。

PSDをPhotoshopで開くとこんな感じに。

素材をPhotoshopで開いたキャプチャ

1,400x11,576pxの巨大サイズで、15種類のエレメントがまとめられています。

HTMLはデモページがあるので、そちらを参考に。

デモページ

Druken Parrot UI Kitには、Bootstrapで使われているさまざまなエレメントが揃っています。その中からキャプチャでいくつか紹介します。

ドロップダウン

ボタン、Call to Actionボタンなど

カラーパレット

フォームの入力フィールド

パラグラフや見出しなど、タイポグラフィ

ページネーション

タブなどの各種ナビゲーション

パンくず、バッジ、ラベル

画像やキャプション付き画像

アラート

パネル

パネルを使った表組み

ナビゲーションバー

プロフィールパネル、ログインパネル、ツールバーなど