下面盤點了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
免費的扁平化設計工具，它的導航、下拉選單、列表框、輸入框、搜尋&範圍都非常精美，唯一的遺憾是不支援火狐瀏覽器。
下載
來自：慧都控制元件網
相關閱讀
評論(3)