下面盘点了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. oracle批量插入带主键自增

    https://blog.csdn.net/qq_37630354/article/details/82792288

  2. GoWeb开发_Iris框架讲解（四）：Iris框架设置操作

    路由组的使用 在实际开发中,我们通常都是按照模块进行开发,同一模块的不同接口url往往是最后的一级url不同,具有相同的前缀url.因此,我们期望在后台开发中,可以按照模块来进行处理我们的请求,对于这 ...

  3. 解读人：刘杰，Targeted Quantitative Kinome Analysis Identifies PRPS2 as a Promoter for Colorectal Cancer Metastasis（PRM-磷酸化激酶定量发现结肠癌转移促进因子-PRPS2）

    关键词:PRM,kinase,colorectal cancer, metastasis, PRPS2 来自加州大学河滨分校的Yinsheng Wang教授应用PRM技术筛选出介导结肠癌细胞转移促进因 ...

  4. AT2348 HonestOrUnkind

    传送门 显然\(a>b\)的情况下才有解 考虑先找出一个诚实的人,然后剩下的都可以在\(n\)次以内问出来了 发现如果一个人说另一个人是说谎的那么这两个人必有一个是说谎的,由于诚实的人严格多于不 ...

  5. 洛谷P3384【模板】树链剖分

    题目描述 如题,已知一棵包含\(N\)个结点的树(连通且无环),每个节点上包含一个数值,需要支持以下操作: 操作\(1\): 格式: \(1\) \(x\) \(y\) \(z\) 表示将树从\(x\ ...

  6. 默认约束 default

    default :初始值设置,插入记录时,如果没有明确为字段赋值,则自动赋予默认值.  例子:create table tb6(   id int primary key auto_increment ...

  7. Django的用户认证组件,自定义分页

    一.用户认证组件 1.auth模块 from django.conrtrib import auth django.contrib.auth中提供了许多方法,这里主要介绍其中的三个: 1)authen ...

  8. 转 安装EBS前期检查工具 - RDA - Health Check / Validation Engine Guide

    http://blog.itpub.net/35489/viewspace-1295028/ 参考文档        RDA - Health Check / Validation Engine Gu ...

  9. python import error:no module named yaml

    解决办法: python2 : sudo apt-get install python-yaml python3 : sudo apt-get install python3-yaml

  10. <s:property>的用法

    1,访问Action值栈中的普通属性: <s:property value="attrName"/> 2,访问Action值栈中的对象属性(要有get set方法):  ...