Bootstrap 3をベースにしたフラットなかわいいデザインのHTMLとPSDが揃ってる無料のUI素材 -Druken Parrot UI Kit
Post on:2014年10月27日
BootstrapのさまざまなエレメントがかわいくフラットにデザインされたUI素材を紹介します。
![UI Kitのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102703.png)
Drunken Parrot UI Kit Lite (free)
Druken Parrot UI Kit -GitHub
UIキットは個人でも商用でも無料で利用でき、PSDとHTMLファイル一式が揃っています。ダウンロードファイルには使用されているフォントやアイコンも含まれています。
PSDをPhotoshopで開くとこんな感じに。
![Photoshopのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102705.png)
素材をPhotoshopで開いたキャプチャ
1,400x11,576pxの巨大サイズで、15種類のエレメントがまとめられています。
HTMLはデモページがあるので、そちらを参考に。
![デモのキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102704.png)
Druken Parrot UI Kitには、Bootstrapで使われているさまざまなエレメントが揃っています。その中からキャプチャでいくつか紹介します。
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102704-01.png)
ドロップダウン
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102704-02.png)
ボタン、Call to Actionボタンなど
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102704-04.png)
カラーパレット
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102704-05.png)
フォームの入力フィールド
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102704-06.png)
パラグラフや見出しなど、タイポグラフィ
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102704-07.png)
ページネーション
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102704-08.png)
タブなどの各種ナビゲーション
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102704-09.png)
パンくず、バッジ、ラベル
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102704-10.png)
画像やキャプション付き画像
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102704-11.png)
アラート
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102704-12.png)
パネル
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102704-13.png)
パネルを使った表組み
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102704-14.png)
ナビゲーションバー
![素材のキャプチャ](http://coliss.com/wp-content/uploads-201404/2014102704-15.png)
プロフィールパネル、ログインパネル、ツールバーなど
sponsors