1. Bootstrap

Bootstrap是快速开发Web应用程序的前端工具包。它是一个CSS和HTML的集合,它使用了最新的浏览器技术,给你的Web开发提供了时尚的版式,表单,buttons,表格,网格系统等等。
官方网站: http://twitter.github.com/bootstrap/
github: https://github.com/twitter/bootstrap

2. Foundation

Foundation 是一个易用、强大而且灵活的框架,用于构建基于任何设备上的 Web 应用。提供多种 Web 上的 UI 组件,如表单、按钮、Tabs 等等。
官方网站: http://foundation.zurb.com/
github: https://github.com/zurb/foundation

3. Skeleton

Skeleton 是一个小的 JS 和 CSS 文件的集合,可帮你快速开发漂亮的网站,适合各种屏幕设备包括手机。Skeleton 基于 960 grid 开发。它是一个 UI 框架。
官方网站: http://www.getskeleton.com/
github: https://github.com/dhgamache/Skeleton

4. Less Framework

Less框架是一个用于设计自适应网站的CSS网格系统,它包含4个布局和3套预设布局,这些都以一个单一网格为基础。Less框架的目标是更高效地创建多布局网站,并在布局之间保持一致。
官方网站: http://lessframework.com/
github: https://github.com/jonikorpi/Less-Framework

5. ResponsiveAeon

ResponsiveAeon 是一个HTML5/CSS3的框架,可以非常快速的创建响应的布局。它有一个网格系统是基于总1104px宽度12列,提供了3个非常容易理解的基本类供 使用。该框架使使用@mediaqueries的,支持任何尺寸的设备。除了网格系统,也有排版,列表,表格,按钮和表格的样式。
官方网站: http://www.newaeonweb.com.br/responsiveaeon/
github: https://github.com/newaeonweb/ResponsiveAeon-Cssgrid

6. Gumby

Gumby 是一个响应式的以及 960 像素宽度的 CSS 网格框架,支持 PC、平板和手机屏幕显示。类似 Twitter 的 Bootstrap,它包括一个Web UI工具包,有好看按钮,表格,导航+标签和一个很小的JavaScript文件。
官方网站: http://www.gumbyframework.com/
github: https://github.com/dsurgeons/Gumby

7. Gridpak

Gridpak 的目的是实现了响应式的 Web 页面设计,提高工作流程,节省了时间。通过生成PNG图像,CSS和JavaScript,让 Gridpak 创建响应式的简单界面。Gridpak 产生的CSS 兼容 IE 8+,但它使用很多实验性的CSS属性,如媒体查询,盒大小和背景剪辑属性,所以建议结合 Modernizer 来使用,确保向后兼容性。
官方网站: http://gridpak.com/

8. Responsive GS

Responsive GS 是一个流体网格 CSS 框架,用于快速开发响应式的 Web 网站。 Responsive GS 提供三种风格:12、16 和 24 列,使用 media queries 支持所有标准设备。
官方网站: http://responsive.gs/
github: https://github.com/StudioSnapsize/responsive-gs

9. Amazium

Amazium 是一个基于 960 Grid System 的响应式 CSS 框架,使用 960px 宽度,以适应大多数 1024*768 分辨率的屏幕。Amazium 使用 4 个主要的 media queries 来调整所适应的分辨率大小。
官方网站: http://www.amazium.co.uk/

10. Golden Grid System

Golden grid system是为增强网页兼容性设计的折叠式grid。具有四个特征:列、跨页、底线、script。
官方网站: http://goldengridsystem.com/
github: https://github.com/jonikorpi/Golden-Grid-System

11. Centurion

Centurion 是一个基于 SASS 和 CSS3 构建的响应式 Web 框架。
官方网站: http://jhough10.github.com/Centurion/
github: https://github.com/jhough10/Centurion

12.inuit.css

该框架用于使用较少的代码实现在较小屏幕(平板电脑、手机)上运行的项目,支持IE6+。
官方网站: http://inuitcss.com/
github: https://github.com/csswizardry/inuit.css

13. Fluid Baseline Grid

Fluid Baseline网格系统是一个HTML5 & CSS3开发工具包,为网站快速设计提供了坚实的基础。
官方网站: http://fluidbaselinegrid.com/
github: https://github.com/thedayhascome/Fluid-Baseline-Grid

14. HTML5 Boilerplate

HTML5 Boilerplate基于HTML/CSS/JS模板,可以帮助开发者使用HTML5技术快速开发稳健、功能齐全的网站。你可以把它当作自己的新项目模板,在此基础上建立自己的项目。
该模板包含了帮助开发HTML5站点和应用程序的组件和一些优秀的最佳实践,只需开发者最少的前期工作,就能为项目提供一个非常稳固的基础。另外,该模板是高度可定制,可轻松删除不需要的一些特性。
官方网站: http://html5boilerplate.com/
github: https://github.com/h5bp/html5-boilerplate

15.Semantic

Semantic UI是完全语义化的前端界面开发框架,支持 Sass 和 LESS 动态样式语言,文档和演示非常完善,易于学习和使用,配备网格布局,有一些非常实用的附加配置,例如inverted类。
有一个非常好的按钮实现,情态动词,和进度条。在许多功能上使用图标字体。
官方网站: http://semantic-ui.com/
github: https://github.com/semantic-org/semantic-ui/

16.Zui

ZUI继承了Bootstrap 3中的大部分基础内容作了相应的改进,简单美观,易于使用,快速构建简洁大方的现代web应用。
采用HTML5且支持所有流行的移动及桌面浏览器平台,一些旧的浏览器也能够降级支持,轻快独立稳定,最佳的可用性能,最大限度的不依赖于外部组件,全平台响应,一次编写,响应任何尺寸的设备。
官方网站: http://www.zui.sexy/

17.Amaze

Amaze UI 是一个轻量级、采用mobile first理念的前端框架,中国首个开源 HTML5 跨屏前端框架,适配所有屏幕,可快速构建界面出色、体验优秀的跨屏页面,可提升开发效率,对于常用浏览器及App内置浏览器提供更好的兼容性支持,使用 CSS3 来做动画交互,平滑、高效,更适合移动设备。
官方网站: http://amazeui.org/
github: http://git.oschina.net/amazeui/amazeui

18.MUI

MUI(Mobile User Interface)是一套基于Html5的,遵循Html5+规范的,用于手机端界面开发的一套框架,是目前最高性能和最接近原生体验的手机端框架,体积小不到100k,可直接使用class编写,性能远高于data-方式,又通过代码块的编写方式降低了编码的复杂度。
例如在HBuilder里敲m,会拉出一排控件mList、mButton等,选一个回车,就会自动产生div和class。

19.OniUI

OniUI是基于avalon的UI库,是一个MVVM架构的前端框架,兼容主流浏览器。
官方网站: http://ued.qunar.com/oniui/home.htm
github: https://github.com/RubyLouvre/avalon.oniui

20.Vanilla JS

Vanilla JS 是一个快速、轻量级、跨平台的JavaScript框架,也是浏览器内置框架。
官方网站: http://vanilla-js.com/

21.Zepto

Zepto是专门为移动 WebKit 浏览器,如 Chrome 和 Safari 打造的。凭借其独特的简约发展的特点,它可以帮助开发人员轻松地完成他们的工作。Zepto 最大的特点是保持事情的简单性。这个框架的目标是精确的,便于下载和快速执行。  
官方网站: http://zeptojs.com/

22.Framework7

Framework7 是免费开源的 HTML 移动端框架,用来开发混合移动端应用或者 iOS 7 的 Web 应用,并且带有 iOS 7 的原生外观和感觉。Framework7 也是独立的原型应用工具。
官方网站: http://www.idangero.us/framework7/
github: https://github.com/nolimits4web/framework7/

25.Ionic

Ionic是一个前端的框架,帮助开发者使用HTML5, CSS3和JavaScript做出原生应用。js部分是基于AngularJS框架,大量使用了Css3,css生成基于Sass,构建工具基于最新的gulp,版本升级基于bower,原生层无缝封装了cordova。使用Ionic框架,可以有效利用AngularJs的特性,极大的提供HTML5应用开发效率,质量,模块化程度。
官方网站:http://ionicframework.com/
github:https://github.com/driftyco/ionic

转载于:https://www.cnblogs.com/love-is/p/4276079.html

适用响应式 Web UI 框架相关推荐

  1. 前端ui框架_跨屏建站发布同名响应式前端ui框架

    跨屏建站发布同名响应式前端ui框架,它是跨屏建站关于前端页面构建上的积累的结晶,现已开源,我们将持续的用开源的方式做好ui框架产品,用心做好建站产品. 关于 跨屏UI框架是基于Bootstrap的扩展 ...

  2. 十大响应式Web设计框架

    2019独角兽企业重金招聘Python工程师标准>>> 本文将分享十款最佳的响应式Web设计,助你大大简化工作流程. Gumby Framework Gumby 2是建立在Sass基 ...

  3. html5游戏视频UI框架,推荐几个精致的web UI框架

    Aliceui是支付宝的样式解决方案,是一套精选的基于 spm 生态圈的样式模块集合,是 Arale 的子集,也是一套模块化的样式命名和组织规范,是写 CSS 的更好方式. 2.Amazeui Ama ...

  4. 【Spring 5】响应式Web框架实战(下)

    - [Spring 5]响应式Web框架前瞻  - 响应式编程总览  - [Spring 5]响应式Web框架实战(上) 1 回顾 上篇介绍了如何使用Spring MVC注解实现一个响应式Web应用( ...

  5. 【Spring 5】响应式Web框架实战(上)

    前情概要:  - [Spring 5]响应式Web框架前瞻  - 响应式编程总览 1 回顾 通过前两篇的介绍,相信你对响应式编程和Spring 5已经有了一个初步的了解.下面我将以一个简单的Sprin ...

  6. 【Spring 5】响应式Web框架前瞻

    1 响应式宣言 和敏捷宣言一样,说起响应式编程,必先提到响应式宣言. We want systems that are Responsive, Resilient, Elastic and Messa ...

  7. 艿艿连肝了几个周末,写了一篇贼长的 Spring 响应式 Web 框架 WebFlux!市面第二完整~...

    点击上方"芋道源码",选择"设为星标" 做积极的人,而不是积极废人! 源码精品专栏 原创 | Java 2020 超神之路,很肝~ 中文详细注释的开源项目 RP ...

  8. php前端响应式框架,响应式css前端框架有哪些

    响应式css前端框架有:1.Semantic UI Framework:2.Less Framework:3.Foundation Framework:4.UIkit Framework:5.YUI ...

  9. DiQuick Web UI 框架 V1.3 正式版发布

    DiQuick Web UI框架,采用HTML+CSS3+JS,配置有响应式布局及预定义设置,包含诸多组件:Nav.Tab.Media.Form.Menu.Slider.Dialog等,致力于开发轻量 ...

最新文章

  1. 华为公布车联网进展:年内将覆盖10万网联车
  2. kaggle 房价预测经典文章
  3. C/C++面试题精选
  4. 本地mysql备份至rds_阿里云RDS备份在本地mysql快速还原
  5. 共模干扰和差模干扰(图解)---摘自: 硬件十万个为什么
  6. JBoss的简单配置
  7. Netty 实现长连接服务的难点和优化点
  8. JDBC batch批处理Statement executeBatch 具体解释
  9. 【MFC】黑马程序员MFC教程--基础篇
  10. 卡尔曼滤波算法bms c语言,一种利用扩展卡尔曼滤波算法估算锂电池SOC的方法与流程...
  11. 计算机网络水晶头闪,网线水晶头坏了怎么办 小妙招一分钟解决你的问题
  12. android app 头像上传原理
  13. ps多边形套索工具按过delete以后点下一个点点不出来
  14. GTP(GPRS Tunnelling Protocol)协议http://blog.csdn.net/stephen_yin/article/details/6951237
  15. 30K~65K,春节前最后一批热门技术岗位,快到碗里来
  16. Yahoo Programming Contest 2019.D.Ears(DP)
  17. 宿州计算机学院录取分,考多少分才能上宿州学院 录取分数是多少
  18. mysql连接字符乱码_MySQL 字符集导致SQL连接之后中文乱码的问题!
  19. 三极管常用电路_三极管偏置电路
  20. Scala语法介绍(十):元组-列表-Set-Map映射

热门文章

  1. java获取文件新增内容_关于java生成文件,立即又读这个文件但又找不到文件新增内容的问题...
  2. 华为云服务怎么弄金卡会员_万科牵手华为终端云服务,共建松山湖智慧商圈
  3. shell脚本执行oracle删除表,shell脚本操作oracle删除表空间、创建表空间、删除用户...
  4. jdbc dao 工具类mysql_Java基于JDBC实现事务,银行转账及货物进出库功能示例
  5. php自动合并,php实现合并数组并去除重复的方法
  6. 六、Python第六课——Python中的for循环及数字列表
  7. C语言(CED)gameboy接馅饼问题
  8. php dos命令用不了,windows下如何使用DOS命令强制复制文件
  9. 安装php独立环境,0507-php独立环境的安装与配置 Web程序 - 贪吃蛇学院-专业IT技术平台...
  10. rasa算法_(十八)基于RASA开始中文机器人实现机制