随着人们对体验的极致追求，web页面设计也面临着新的挑战，不仅需要更人性化的设计理念，还需要设计出更酷炫的页面。作为web前端开发人员，运用开源资源，更快更好地实现一些现代化的界面，是必备技能之一。下面小编就分享10个顶级的css ui开源框架，有兴趣的童鞋可以一起看看看。
立即学习“前端免费学习笔记（深入）”；
1、Bootstrap? 最流行的Web前端UI框架
Bootstrap是由twitter公司推出的Web前端UI框架，由Twitter的设计师Mark Otto和Jacob Thornton合作开发的，是一个CSS/HTML框架，常用语php等后端开发中。这个框架使用了最新的浏览器技术，Bootstrap提供了时尚的排版样式，表单，buttons，表格，网格系统等等。（关于Bootstrap的具体运用，大家可以看看《Bootstrap视频教程》）
立即学习“前端免费学习笔记（深入）”；
2、jQuery UI - 基于jQuery的开源Javascript框架
jQuery UI是一款基于jQuery的开源Javascript框架，主要提供了用户交互、动画、特效和可更换主题的可视控件，使得开发者可以更方便地实现网页交互界面。虽然jQuery UI的整个框架比较庞大，但这个框架有一个好的地方就是，你可以根据自己需要使用的功能生成适合自己的框架底层。
立即学习“前端免费学习笔记（深入）”；
立即学习“前端免费学习笔记（深入）”；
3、jQuery UI Bootstrap
jQuery UI Bootstrap从其命名来看，我们应该就不难发现它是jQuery UI和Bootstrap的集成。样式是Bootstrap的，外观比较漂亮，同时拥有jQuery UI的控件功能，开发者快速地创建网页控件。
立即学习“前端免费学习笔记（深入）”；
立即学习“前端免费学习笔记（深入）”；
立即学习“前端免费学习笔记（深入）”；
4、BootMetro- Metro风格的CSS框架
BootMetro是一款基于Bootstrap的前端UI框架，其特点是可以很方便地构建类似Windonws 8扁平化风格的网页界面，效果非常不错。
立即学习“前端免费学习笔记（深入）”；
立即学习“前端免费学习笔记（深入）”；
5、Flat UI- 扁平风格 UI 工具包
Flat UI是一套精美的扁平风格 UI 工具包，基于 Twitter Bootstrap 实现。这套界面工具包含许多基本的和复杂的 UI 部件，例如按钮，输入框，组合按钮，复选框，单选按钮，标签，菜单，进度条和滑块，导航元素等等。
立即学习“前端免费学习笔记（深入）”；
立即学习“前端免费学习笔记（深入）”；
6、网易CSS框架 NEC
NEC是网易推出的开源前端CSS框架，提供了丰富UI代码库和插件，可以极大的帮助开发人员提高开发效率。即使你并非前端专业开发人员，利用NEC你也可以快速地构建属于自己的网页应用。
JTBC CMS(5.0) 是一款基于PHP和MySQL的内容管理系统原生全栈开发框架，开源协议为AGPLv3，没有任何附加条款。系统可以通过命令行一键安装，源码方面不基于任何第三方框架，不使用任何脚手架，仅依赖一些常见的第三方类库如图表组件等，您只需要了解最基本的前端知识就能很敏捷的进行二次开发，同时我们对于常见的前端功能做了Web Component方式的封装，即便是您仅了解HTML/CSS也
立即学习“前端免费学习笔记（深入）”；
7、Alloy UI ? 功能强大的CSS UI框架
Alloy UI是基于YUI 3的前端UI框架，包含一套丰富的UI 部件，如图片库，对话框，树形结构，面板，自动完成，按钮，日历控件，工具条等。
立即学习“前端免费学习笔记（深入）”；
立即学习“前端免费学习笔记（深入）”；
8、Cardinal ? 移动端的CSS UI框架
Cardinal 是一个小型的移动优先的 CSS 框架，提供很多有用的默认样式、可缩放排版、可重用模块和一个简单的响应式表格系统。
立即学习“前端免费学习笔记（深入）”；
立即学习“前端免费学习笔记（深入）”；
9、CSScaffold框架
CSScaffold不同于许多CSS框架，它必须依靠PHP与Apache的mod_rewrite来执行，也正是由于其执行环境的特殊性，让CSScaffold变得很神奇、很方便，写起CSS来又快又轻松！
立即学习“前端免费学习笔记（深入）”；
立即学习“前端免费学习笔记（深入）”；
10、MuseUI框架
MuseUI是一款基于bootstrap风格，兼容于主流浏览器（包括IE6）的后端UI开发组件。
立即学习“前端免费学习笔记（深入）”；
立即学习“前端免费学习笔记（深入）”；
以上就是web前端开发工程师常用的10个顶级CSS UI开源框架，其中有几款框架真心不错，大家可直接在网上搜索安装体验，设计更酷炫、更符合客户体验度的界面。
立即学习“前端免费学习笔记（深入）”；
立即学习“前端免费学习笔记（深入）”；
转自：http://blog.sina.com.cn/s/blog_1318255b00102vomh.html
