概述:本文盘点了22款适用于网页设计的HTML&CSS3 UI工具包,并且全部都是免费的哦!喜欢就赶紧下载或收藏吧。
下面盘点了22款适用于网页设计的HTML&CSS3 UI工具包, 并且全部都是免费的哦!喜欢就赶紧下载或收藏吧。这些免费工具可以加速你的网页开发进程,让你有更多时间专注于其他更重要的部分。由于扁平化设计是当前趋 势,所以下面也盘点了多款扁平化风格的UI工具包。另外要提醒的一点就是,使用之前务必注意这些工具的浏览器兼容性,因为有些还未经100%的测试。
1.Get Shit Done Kit
免费的Bootstrap 3 UI工具包,绝佳的在线项目工具,支持响应式设计和各种易于使用的UI元素。它干净而精致的界面风格已经成为业内标杆。
![免费HTML CSS UI工具包](https://i-blog.csdnimg.cn/blog_migrate/c51e51cb179c04d71db3c4cc13efcfeb.jpeg)
2. Modern Flat Dashboard UI Kit
这款UI工具包是用CSS3写的,包含各种网站开发所需的仪表盘元素。
![免费HTML CSS UI工具包](http://evgetgif.qiniudn.com/HTMLCSSUIKits-Dashboard-UI-Kit-2.jpg)
3. Pixelkit Bootstrap UI Kits 发布时间:2014年2月
发布于今年2月份的PixelKit UI工具包包含有10多个UI主题样式,并且全部构建于BootStrap之上,想追求酷炫效果的赶紧试试这一款!
![免费HTML CSS UI工具包](http://evgetgif.qiniudn.com/HTMLCSSUIKits-pixel-css-uikit-3.jpg)
4. Responsive Flat UI 发布时间:2013年12月4日
支持最新的Bootstrap框架,并且包含了各种精美的电子商务元素,做电商类网站的可以试试!
![免费HTML CSS UI工具包](http://evgetgif.qiniudn.com/HTMLCSSUIKits-Responsive-Flat-UI-4.jpg)
5. Flat Admin UIkit 发布时间:2014年3月1日
一款非常简单的仪表盘工具包,为你的编辑页面添加美观的扁平化设计样式。
![免费HTML CSS UI工具包](http://evgetgif.qiniudn.com/HTMLCSSUIKits-flat-uikit-5.jpg)
6. Creative CSS Ui kit 发布时间:2014年2月24日
一个支持响应式的CSS UI工具包,提供了丰富的价格模板、组件,如twitter、下载悬停按钮、社交按钮、很酷的滑块。并且配色都非常小清新哦!
![免费HTML CSS UI工具包](http://evgetgif.qiniudn.com/HTMLCSSUIKits-ios-flat-css-uikit-6.jpg)
7. Email UI kit Dashboard
一款专门用于邮件管理的的UI套件,UI风格是扁平化设计。
![免费HTML CSS UI工具包](http://evgetgif.qiniudn.com/HTMLCSSUIKits-email-dashboard-7.jpg)
8. BOOTFLAT-开源的Flat UI KIT 发布时间:2014年3月
BOOTFLAT基于Bootstrap 3.1 CSS框架,提供PSD文件的用户界面包,你可以用它创建初始项目、网站和iOS/Android App。
![免费HTML CSS UI工具包](http://evgetgif.qiniudn.com/WebUI-bootflat-2.jpg)
9. Interactive Flat Design UI - Only HTML5 & CSS3
这个工具包已经推荐过多次了,配色超赞,可以下载代码和所有模板。
![免费HTML CSS UI工具包](http://evgetgif.qiniudn.com/HTMLCSSUIKits-Interactive-Flat-Design-UI-9.jpg)
10. Free HTML Flat UI
又一款支持扁平化样式的基于Twitter Bootstrap的UI工具包。提供PSD文件下载,你可以自己修改颜色、样式。
![免费HTML CSS UI工具包](http://evgetgif.qiniudn.com/HTMLCSSUIKits-flat-ui-free-10.jpg)
11. Free PSD/HTML Web UI Elements Kit (Set)
一款非常酷的Web用户界面集(PSD, HTML + CSS + jQuery)。
![免费HTML CSS UI工具包](http://evgetgif.qiniudn.com/HTMLCSSUIKits-Web-UI-Elements-Kit-11.jpg)
12. CSS3 UI Kit (PSD+CSS)
它包含所有必备的Web UI元素,还提供了大量的PSD文件,便于设计人员修改。
![免费HTML CSS UI工具包](https://i-blog.csdnimg.cn/blog_migrate/405513d5bba94d5087520c9b66632ed3.jpeg)
13. Futurico UI HTML
Futurico是一个超便捷的用户界面工具包,它是用SASS预处理器编写的。需注册才能下载。
![免费HTML CSS UI工具包](http://evgetgif.qiniudn.com/WebUI-futurico-8.jpg)
14. Metro-UI-CSS
顾名思义,专门设计Windows 8 Metro UI风格的UI套件。
![免费HTML CSS UI工具包](http://evgetgif.qiniudn.com/WebUI-Metro-UI-CSS-9.jpg)
15. CSS3 UI Kit
CSS UI Kit是一个完全由CSS3编码的UI工具集,它包含有所有基本的UI元素,如搜素框、复选框、下拉按钮、单选按钮、页码、Audio UI等等。这款工具目前在Chrome 和 Safari下运行良好,但在IE、Firefox和Oprea下面还存在一些问题。
![免费HTML CSS UI工具包](https://i-blog.csdnimg.cn/blog_migrate/e10acc55eeb7a02481b6773236116250.jpeg)
16. Web ui css kit
非常轻便的一个UI工具包,只提供了两个样式:一个渐变和一个扁平化样式。
![免费HTML CSS UI工具包](http://evgetgif.qiniudn.com/HTMLCSSUIKits-Web-ui-css-kit-16.jpg)
17. CSS User Interface UI Kit
这款工具基于Gumby 2框架,支持最流行的Metro风格及微扁平化设计风格。
![免费HTML CSS UI工具包](https://i-blog.csdnimg.cn/blog_migrate/bac81bfac6930129e0928e5f88dea79b.jpeg)
18. ui.css
这个UI工具包会让你的网站焕然新生,每个元素都包含有一个CSS文件,而且全部都在下载包中的。
![免费HTML CSS UI工具包](http://evgetgif.qiniudn.com/HTMLCSSUIKits-ui-css-18.jpg)
19. ML Strap: Twitter Bootstrap Theme
下载包包含有所有网页设计的必备元素:按钮、输入框、切换、导航栏。
![免费HTML CSS UI工具包](http://evgetgif.qiniudn.com/HTMLCSSUIKits-Bootstrap-MLStrap-19.jpg)
20. Eureka UI Kit
一个只有黑绿色的UI工具包。
![免费HTML CSS UI工具包](http://evgetgif.qiniudn.com/HTMLCSSUIKits-EUREKA-UI-KIT-20.jpg)
21. YAUI Kit v2
YAUI Kit(又名Yet Another UI Kit),提供各种所需的UI资源和元素。
![免费HTML CSS UI工具包](https://i-blog.csdnimg.cn/blog_migrate/9fd91d9d0434f9c66cf190234adee809.jpeg)
22. Flat UI CSS/HTML kit
免费的扁平化设计工具,它的导航、下拉菜单、列表框、输入框、搜索&范围都非常精美,唯一的遗憾是不支持火狐浏览器。
![免费HTML CSS UI工具包](http://evgetgif.qiniudn.com/HTMLCSSUIKits-free-UI-Kit-22.jpg)