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

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

UI Kitのキャプチャ

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

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

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

Photoshopのキャプチャ

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

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

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

デモのキャプチャ

デモページ

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

素材のキャプチャ

ドロップダウン

素材のキャプチャ

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

素材のキャプチャ

カラーパレット

素材のキャプチャ

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

素材のキャプチャ

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

素材のキャプチャ

ページネーション

素材のキャプチャ

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

素材のキャプチャ

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

素材のキャプチャ

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

素材のキャプチャ

アラート

素材のキャプチャ

パネル

素材のキャプチャ

パネルを使った表組み

素材のキャプチャ

ナビゲーションバー

素材のキャプチャ

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

sponsors

top of page

©2018 coliss