@設計達人網?：目前比較流行的前端框架有Bootstrap、Foundation，這兩都有著常用的網頁設計組件，并且兼容移動設備，深受大眾喜愛，但如果你認為這兩個框架的組件依然不夠用的話，可嘗試今天分享的Toolkit，它內置的UI組件更多、更強大，而且實用流行。

Tookit框架特點是使用扁平化設計，并帶有很多新鮮的UI組件，配合CSS3動畫，使很多組件交互效果變得很漂亮，功能實用強大。

下面來看看一些截圖介紹：

Tookit

高亮文本提示

Tooltips

提示信息組件（圖：左下角）

有動畫效果，英文稱為Toast，大家可以去官方看實際的DEMO。

導航定位

如下圖，頁面查看到E區域，右則導航的E就會高亮，像某手機上的聯系人效果。

Step

開頭按鈕

手風琴

圖像展示

進程進度條

滑動側欄效果（Off Canvas）

流布局

Loading…

圖像Lazy load技術

好了，實在太多太多了，不一一展示，具體請點擊下面的鏈接去官網看實際效果吧：）

總體來說，小編覺得Bootstrap和Foundation的界面好看點，但由于是扁平化設計，修改也是很簡單的。

【設計師年度必備神器人氣榜】

Top 3：幫你快速搞定參考線！老品牌了
《PS 參考線插件GUIDEGUIDE下載及使用說明》

Top 2：分分鐘變成多邊形風格！新神器
《這效果超火！教你創建高大上的多邊形字體》

Top 1：經久不衰！摳圖必備！頭發絲都不愁！
《PS摳圖神器：KNOCKOUT 2.0漢化版下載及教程》

原文地址：shejidaren

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量89萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
官方微信：想在手機上、被窩里獲取設計教程和各種意想不到的"福利"嗎？添加優設哥微信號：youshege