流行的前端开发框架，让web开发更快捷、简单

• UI 项目
• JS 项目
• CSS 项目

UI项目

• 

  Bootstrap

  由Twitter推出的一个用于前端开发的开源工具包，它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。

  官方网站  说明文档  在线演示
• 

  Foundation

  Foundation的移动化方案更加出色；借鉴响应式Web设计的思路和方法，Foundation对内容结构在不同类型设备中的的呈现方式进行了相应的预设。

  官方网站  说明文档  在线演示
• 

  Flat UI

  Flat UI是基于Bootstrap做的Metro化改造，由Designmodo提供。Flat UI包含了很多Bootstrap提供的组件，但是外观更加漂亮。

  在线演示

• 

  jQuery UI

  jQuery UI 是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web应用程序。

  官方网站  说明文档  在线演示
• 

  jQuery UI Bootstrap

  jQuery UI Bootstrap是一个具有jQuery UI主题的Bootstrap，并将其slickness引入jQuery UI Widgets中。

  官方网站  在线演示
• 

  YUI

  Yahoo! UI Library (YUI) 是一个开放源代码的 JavaScript 函数库，为了能建立一个高互动的网页，它采用了AJAX, DHTML 和 DOM 等程式码技术，也包含了许多 CSS 资源。

  官方网站  说明文档  在线演示

• 

  Font Awesome

  Font Awesome 提供了很多漂亮的图像字体，不仅可以配合 Bootstrap 使用，它还可以单独使用。

  官方网站  说明文档  在线演示
• 

  w2ui

  基于jQuery且支持移动设备的UI框架，体积仅有37kb。

  官方网站  说明文档  在线演示

JS项目

• 

  Intro.js

  分步指南用于向首页使用网站或者移动应用添加漂亮的分布指南效果，支持使用键盘的前后方向键导航，使用 Enter 和 ESC 键推出指南。

  官方网站  在线演示
• 

  impress.js

  impress.js 是一个Javascript程序包，它的功能是让你制作出令人眩目的内容展示效果，主要里利用了CSS 3D Transforms 里的旋转，扭曲，缩放等特性。

  官方网站  在线演示
• 

  JX

  来自腾讯的一个类似 Google Closure Library 的 Web 前端开发框架，服役于 WebQQ 等大规模的 WebApp。

  官方网站  在线演示

• 

  Jo

  Jo框架可用于开发那支持HTML5的移动设备，如iOS,webOS, Android和Chrome OS等平台。

  官方网站  在线演示
• 

  Swipe

  Swipe JS 是一个轻量级JS库，支持主流的桌面和移动浏览器。

  官方网站  在线演示
• 

  Zepto

  Zepto 是一个轻量级的移动滑动组件，支持 1:1 的触摸移动，阻力以及防滑。

  官方网站

CSS项目

• 

  LessCSS

  LESS 将 CSS 赋予了动态语言的特性，如 变量， 继承， 运算， 函数. LESS 既可以在 客户端 上运行 (支持IE 6+, Webkit, Firefox)，也可以借助Node.js或者Rhino在服务端运行。

  官方网站  说明文档  在线演示
• 

  Animate.css

  Animate.css 包含一些实现了各种动画效果的 CSS。

  官方网站  在线演示