下面盘点了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

免费的扁平化设计工具，它的导航、下拉菜单、列表框、输入框、搜索&范围都非常精美，唯一的遗憾是不支持火狐浏览器。

下载

 
本文为besy原创翻译，原载于慧都控件网

【翻译】22款HTML & CSS3 UI工具包免费下载的更多相关文章

  1. 设计宝库：22套精美的 PhotoShop 素材免费下载

    <设计宝库>系列给大家带来22套精美的 PSD 设计素材,你可以免费下载使用.设计师经常会去网上搜罗各种各样的素材,这些免费素材不仅能帮助他们节省大量的时间,而且能有很好的效果.非常感谢那 ...

  2. 【翻译】24款界面精美的免费UI工具包

    国外网站分享的24款最新的免费UI工具包,喜欢可以收藏哦~ 1. Modern UI Kit Modern UI Kit是一个非常简单时尚的免费用户界面包,提供上百种UI设计元素,可以让设计师轻松利用 ...

  3. [转载]超赞！32款扁平化Photoshop PSD UI工具包（下）

    32款扁平化风格的UI工具包第二弹!上篇为大家分享了16款风格各异的UI Kits,下篇继续为大家呈上16款精美的UI工具包,全部都有Photoshop PSD文件可以下载哦,喜欢就赶紧收藏吧! 17 ...

  4. 20款高质量的 HTML5 网站模板【免费下载】

    下面的列表集合了20款高质量的免费 HTML5 网站模板,这些专业的模板能够让你的网站吸引很多的访客.这些免费的 HTML5 模板虽然不是响应式的,不过都很实用.赶紧来看看. 您可能感兴趣的相关文章 ...

  5. 15套精美的免费界面设计 PSD 素材【免费下载】

    在这个集合中,我们聚集15套精美的 PSD 界面设计模板,网页元素,用户界面​​工具包,扁平化图标,APP 应用程序 UI 设计的等等.这些来自优秀设计师的 PSD 源文件素材让其它的设计师们在设计用 ...

  6. 20个精美的免费 PSD 界面设计素材【免费下载】

    在这篇文章中,我们给大家收集了20个最新出炉的 UI 设计素材.这些来自优秀设计师的 PSD 源文件素材让其它的设计师们在设计用户界面原型的时候能够非常便利.些界面素材让他们使用快速和有效的方式完成用 ...

  7. 利用手上的UI资源（附免费UI工具包）

    http://www.uisdc.com/how-to-use-ui-kits# 大家都知道,UI工具包里有很多好看的资源:比如按钮.滑块.面包屑.播放器.表单,甚至是一个"赞!" ...

  8. 分享一套精美的现代 UI PSD 工具包【免费下载】

    艾库特·耶尔马兹,是土耳其伊斯坦布尔的一位高级艺术总监,他向大家分享了一套美丽的现代 UI 工具包,你可以免费下载.所以,你可以使用这个优秀的素材设计视觉互动和有吸引力的用户界面. 此 UI 套件提供 ...

  9. 【转帖】2015年2月份最佳的免费 UI 工具包

    2015年2月份最佳的免费 UI 工具包 设计师们最喜欢 UI 工具包,这是一种思路拓展的方法,同时可以利用它们来解决各种复杂的项目,同时可用来了解其他设计师的风格.这里我们收集了最近这一个月一些最棒 ...

随机推荐

  1. 字符串中去除多余的空格保留一个(MS SQL Server)

    大约2年前,写过一篇<字符串中去除多余的空格保留一个(C#)>https://www.cnblogs.com/insus/p/7954151.html 今天,Insus.NET使用MS S ...

  2. C++基础之数据类型和表达式

    面向对象特征1)封装 (类)2)继承(基类和派生类)3)多态(通过定义虚函数支持动态联编) 面向对象三要素(类-创建对象的样板,对象,继承) C++基本数据类型整型 int  (32位机,字宽4字节, ...

  3. SQL Server远程调试失败

    前言 刚刚打开SQL Server 2008,想要新建一个数据库.发现出现了一个问题,这个问题由于之前没有遇到过,所以这次拿出来记录一些解决方式. 内容 出现上面这个错误的原因可能是由于咱们在装VS2 ...

  4. luogup3834（主席树模板）

    luogup3834(主席树模板) 给定由N个正整数构成的序列,将对于指定的闭区间查询m次其区间内第k小值.1≤N,M≤2e5. 有一个做法,是对于每个序列的前缀建一颗权值线段树,然后通过权值线段树相 ...

  5. 洛谷P3527 [POI2011]MET-Meteors（整体二分）

    传送门 整体二分 先二分一个答案,判断是否可行,把可行的全都扔到左边,不可行的扔到右边 判断是否可行用树状数组就行 具体细节看代码好了 整体二分细节真多……也可能是我大脑已经退化了? //minamo ...

  6. JavaScript 性能优化

    加载和执行 1. </body>闭合标签之前,将所有的<script> 标签放在页面底部,确保在脚步执行之前页面已经完成渲染. 2. 合并脚本.下载单个 100KB 的文件将比 ...

  7. java中的String,StringBuffrer,Stringbuilder的区别

    简单描述下 效率:StringBuilder>StringBuffer>String 使用场景: 如果要操作少量的数据用 = String 单线程操作字符串缓冲区 下操作大量数据 = St ...

  8. HDU1272-小希迷宫

    题目链接:点击打开链接 Problem Description 上次Gardon的迷宫城堡小希玩了很久(见Problem B),现在她也想设计一个迷宫让Gardon来走.但是她设计迷宫的思路不一样,首 ...

  9. HTTP的学习记录(二)头部

    本文主要讲一些 HTTP头部的信息 首先看一段 惊为天人 的文章. 来自于 <淘宝技术这十年> 你发现快要过年了,于是想给你的女朋友买一件毛衣,你打开了www.taobao.com.这时你 ...

  10. PHPExcel探索之旅---阶段四 导入文件

    步骤就是:实例化excel读取对象=> 加载excel文件 => 读取excel文件(全部读取.逐行读取) <?php header("Content Type :text ...