设计好帮手！比Bootstrap还更强大的前端框架Toolkit

扫一扫
官方手机版

扫一扫
AI创作程序

扫一扫
木子公众号

扫一扫
AI公众号

@设计达人网 ：目前比较流行的前端框架有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

【木子设计网 原创文章 投稿邮箱：13671295@qq.com】

================关于木子设计网================
"木子设计网uisdc.com"是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：https://www.muzisucai.com/。
设计微博：拥有粉丝量89万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：https://www.muzisucai.com/
官方微信：想在手机上、被窝里获取设计教程和各种意想不到的"福利"吗？添加优设哥微信号：muzisucai_com