2013/11/18
無料で使えるフラットデザインUIキット40

フラットデザインのUIキットをご紹介します。
さまざまなサイトで取り入れられているフラットデザイン。
フラットデザインを取り入れてみたい、というときに便利なのがUIキット。
これを使えば、いとも簡単にフラットデザインの要素をそのまま利用できるし、カラーリングなども参考にできます。
今回ご紹介しているUIキットは、どれもクオリティーが高く、そのまま現場で利用できるものばかりです。
ライセンスについては、明示されているものについては明記していますが、不明瞭なものについては明記していません。各ファイルに記載されているライセンスを事前にご確認のうえ、ご利用ください。
dribbbleのデザイナーが作成したコンパクトなFlat UI Kit
商用利用可
Flat UI Kit
アイコンや見出しもすべて揃った、微妙な角丸が特長のFlat Rounded Square UI Kit
商用利用可
Flat Rounded Square UI Kit
明るいブルーが印象的なUI Template
オレンジベースのFlatex UI Kit Pro v1.0
非商用のみ利用可
Flatex UI Kit Pro v1.0
オレンジをキーカラーに使ったFlatty UI Kit
エメラルドグリーンが鮮やかなAvengers Flat UI Kit
画像ベースのFree UI Kit
落ち着いたグリーンベースのUI Kit
商用利用可
UI Kit
パープルが美しいFree Minimal Ui Kit
オレンジとシアンを基調にしたOrange/Cyan UI
3色配色でもまとまっているFree UI Kit
Illustration by @Fil Dunskyの表記が必要
Free UI Kit
多色でもきれいにまとまっているColor UI Kit
ブラウンベースのFlat UI Kit
ダークな印象のDark UI Kit
カラフルな印象のEerste – Flat User Interface Kit
商用利用可
Eerste – Flat User Interface Kit
紺色が基調のMagazine Flat UI Kit
落ち着いたトーンを落としたパープルをベースにしたFlat Design UI Components
緑と黄色でスッキリした印象のFlat UI Kit
大人気のFlat UI Proの無料版Flat UI Free v.2.1
落ち着いた印象のFlat UI Kit 2
ウェジェット用のFreebie PSD: Flat UI Kit
カラフルなFree UI Kit
濃いグリーンで種類豊富なSquare UI Free
クリエイティブコモンズ表示CC BY
Square UI Free
マゼンタ系のFlatic UI Kit
シックなグリーンのFlat UI Kit
パステルカラーが印象的なFlat Ui Kit
ウェジェット用のUi Kit
すべてが揃ったrtboard V3
最小限のパーツがあるFlat UI Kit
960グリッドベースのFlatilicious User Interface
紫ベースのFlat UI Kit
トーンを落とした多色が印象的なFlat Web Elements
クリエイティブコモンズ表示—非営利CC BY-NC
Flat Web Elements
キーカラーが3色用意されたUI/UX Flat design – Free PSD
クリエイティブコモンズ表示—非営利—改変禁止CC BY-NC-ND
UI/UX Flat design – Free PSD
カラフルなSmooth Berry UI
落ち着いた印象のFlat Pixet
クリエイティブコモンズ表示—非営利CC BY-NC
Flat Pixet
ゲームに利用できるGems UI Kit
クリエイティブコモンズ表示—非営利CC BY-NC
Gems UI Kit
種類が豊富なFlat UI Kit
クリエイティブコモンズ表示—非営利—改変禁止CC BY-NC-ND
Flat UI Kit
シンプルなFree Flat UI Kit
商用利用可
Free Flat UI Kit
高い明度が印象的なSimple UI Kit with Flat Colors
クリエイティブコモンズ表示—非営利CC BY-NC
Simple UI Kit with Flat Colors
Sponsored by
お役に立てましたら、以下どれでも結構のですので、ポチリと……。
Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
-
名だたるデザイナーが作成したフリーのWEBサイト用PSDファイルが無料!Dribble発Photoshop用サイトテンプレート45
今回もDribbbleから。 Dribbbleは世界の名だたるデザイナーが作品をアップしているコミ
-
-
ファイルを安全にダウンロード!ダウロード前にマルウェアをスキャンしてくれるChrome機能拡張「Metascan Online」
ファイルを安全にダウンロードするため、ダウロード前にウイルスやスパイウエア、トロイの木馬などのマルウ
-
-
シンプルなのに効果的!CSS3トランジションを使ったマウスオーバーアニメーション11
CSS3を使えば、シンプルなコードなのに、ユーザーを「おっ!」と思わせる楽しい動きを簡単に実装できて
-
-
波打つようなクリックエフェクトを実装できる「Waves」
今回はクリックしたときに、静かな湖面を指で触れて波打つようなエフェクトを実装できるライブラリーをご紹
-
-
コピペで完了!12種類のプログレスバーを簡単に導入できるPACE.js
すでに当サイトにも導入してみたのですが、お気づきでしょうか。 PC版で当サイトをご覧いただくと、画
-
-
無料で利用できるhtml5プレイヤー(jQueryプレイヤー)14(2013)
html5のお陰で、プラグインなしでビデオ、音楽を導入できるようになりました。 iPhoneは今後
-
-
全部無料!レスポンシブWEBデザイン制作を驀進させるレスポンシブ対応テンプレート121
2013年も気がつけば、もうあとすこしとなりました。 そんななか、無料で利用できるフリーのレスポン
-
-
iPhoneもMacも簡単OK!CSSだけであなただけのAppleデバイスを描ける無料ジェネレーター「Pure CSS Apple Device Generator」
CSSだけでAppleデバイスを描ける無料ジェネレーター「Pure CSS Apple Device
-
-
画像URLを読み込むだけでCSSのfilterプロパティを試せる「CSS Filters Playground」
CSSで今後、ますます注目度が高まるであろうCSSフィルタ。 なにせお手軽にエフェクトをかけられる
-
-
信じられないほど美しい!CSSだけで絶滅危惧種30を表現した「In Pieces」
CSSだけで表現されているのに、信じられないほど美しいサイト「In Pieces」をご紹介します。