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

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

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

Tookit

高亮文本提示

Tooltips

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

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

導(dǎo)航定位

如下圖，頁面查看到E區(qū)域，右則導(dǎo)航的E就會高亮，像某手機(jī)上的聯(lián)系人效果。

Step

開頭按鈕

手風(fēng)琴

圖像展示

進(jìn)程進(jìn)度條

滑動側(cè)欄效果（Off Canvas）

流布局

圖像Lazy load技術(shù)

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

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