免費的Web UI開發套件

• 直接拿來用：13款免費的CSS UI工具包
• 10個超酷炫Bootstrap HTML & CSS UI工具包
• 12款免費且精美的Web UI工具包（上）
• 12款免費且精美的Web UI工具包（下）
• 免費下載！22個最新的HTML&CSS3 UI工具包
• 驚豔！10個復古風格的UI工具包(PSD)
• 超讚！32款扁平化Photoshop PSD UI工具包（上）
• 超讚！32款扁平化Photoshop PSD UI工具包（下）
• 讀懂心理學：網頁界面設計實用指南三則
• 新技能get√ 如何使用UI工具包
• App開發者福利：iOS7圖標模板和UI工具包彙總
• 推薦10款最新的免費用戶界面工具包（附下載)

 

下面盤點了22款適用於網頁設計的HTML&CSS3 UI工具包，而且所有都是免費的哦！喜歡就趕忙下載或收藏吧。這些免費工具能夠加速你的網頁開發進程，讓你有更多時間專一於其餘更重要的部分。因爲扁平化設計是當前趨勢，因此下面也盤點了多款扁平化風格的UI工具包。另外要提醒的一點就是，使用以前務必注意這些工具的瀏覽器兼容性，由於有些還未經100%的測試。

1.Get Shit Done Kit

免費的Bootstrap 3 UI工具包，絕佳的在線項目工具，支持響應式設計和各類易於使用的UI元素。它乾淨而精緻的界面風格已經成爲業內標杆。

下載

2. Modern Flat Dashboard UI Kit

這款UI工具包是用CSS3寫的，包含各類網站開發所需的儀表盤元素。

下載

3. Pixelkit Bootstrap UI Kits 發佈時間：2014年2月

發佈於今年2月份的PixelKit UI工具包包含有10多個UI主題樣式，而且所有構建於BootStrap之上，想追求酷炫效果的趕忙試試這一款！

下載

4. Responsive Flat UI 發佈時間：2013年12月4日

支持最新的Bootstrap框架，而且包含了各類精美的電子商務元素，作電商類網站的能夠試試！

下載

5. Flat Admin UIkit 發佈時間：2014年3月1日

一款很是簡單的儀表盤工具包，爲你的編輯頁面添加美觀的扁平化設計樣式。

下載

6. Creative CSS Ui kit 發佈時間：2014年2月24日

一個支持響應式的CSS UI工具包，提供了豐富的價格模板、組件，如twitter、下載懸停按鈕、社交按鈕、很酷的滑塊。而且配色都很是小清新哦！

下載

7. Email UI kit Dashboard

一款專門用於郵件管理的的UI套件，UI風格是扁平化設計。

下載

8. BOOTFLAT-開源的Flat UI KIT 發佈時間：2014年3月

BOOTFLAT基於Bootstrap 3.1 CSS框架，提供PSD文件的用戶界面包，你能夠用它建立初始項目、網站和iOS/Android App。

下載

9. Interactive Flat Design UI - Only HTML5 & CSS3

這個工具包已經推薦過屢次了，配色超讚，能夠下載代碼和全部模板。

下載

10. Free HTML Flat UI

又一款支持扁平化樣式的基於Twitter Bootstrap的UI工具包。提供PSD文件下載，你能夠本身修改顏色、樣式。

下載

11. Free PSD/HTML Web UI Elements Kit (Set)

一款很是酷的Web用戶界面集(PSD, HTML + CSS + jQuery)。

下載

12. CSS3 UI Kit (PSD+CSS)

它包含全部必備的Web UI元素，還提供了大量的PSD文件，便於設計人員修改。

下載

13. Futurico UI HTML

Futurico是一個超便捷的用戶界面工具包，它是用SASS預處理器編寫的。需註冊才能下載。

下載

14. Metro-UI-CSS

顧名思義，專門設計Windows 8 Metro UI風格的UI套件。

下載

15. CSS3 UI Kit

CSS UI Kit是一個徹底由CSS3編碼的UI工具集，它包含有全部基本的UI元素，如搜素框、複選框、下拉按鈕、單選按鈕、頁碼、Audio UI等等。這款工具目前在Chrome 和 Safari下運行良好，但在IE、Firefox和Oprea下面還存在一些問題。

下載

16. Web ui css kit

很是輕便的一個UI工具包，只提供了兩個樣式：一個漸變和一個扁平化樣式。

下載

17. CSS User Interface UI Kit

這款工具基於Gumby 2框架，支持最流行的Metro風格及微扁平化設計風格。

下載

18. ui.css

這個UI工具包會讓你的網站煥然新生，每一個元素都包含有一個CSS文件，並且所有都在下載包中的。

下載

19. ML Strap: Twitter Bootstrap Theme

下載包包含有全部網頁設計的必備元素：按鈕、輸入框、切換、導航欄。

下載

20. Eureka UI Kit

一個只有黑綠色的UI工具包。

下載

21. YAUI Kit v2

YAUI Kit（又名Yet Another UI Kit），提供各類所需的UI資源和元素。

下載

22. Flat UI CSS/HTML kit

免費的扁平化設計工具，它的導航、下拉菜單、列表框、輸入框、搜索&範圍都很是精美，惟一的遺憾是不支持火狐瀏覽器。

下載