前端框架有哪些?

html-css019

前端框架有哪些?,第1张

1、Bootstrap是最流行的前端开发框架,可以让不是前端工程师也能开发出优美的页面,更加快捷、方便的开发web页面和移动端应用。也能开发响应式web页面,上手也非常快。

中文官网:http://www.bootcss.com/

2、React 是Facebook 开发的框架,用于构建页面、javascript库。主要功能是对DOM操作,声明式设计,更快的开发出web应用系统

官网地址:http://react-china.org/

3、Semantic UI是一个完全语义化的前端CSS界面开发框架,跟 Bootstrap 比起来更加丰富些,不那么单一,在用户体验、样式都很丰富

官网地址:http://www.semantic-ui.cn/

4、Foundation by ZURB是开发适应各种设备上的前端框架,主要开发响应式web应用框架,提供很丰富的DEMO实例,学起来也非常方便上手,也提供丰富的图标库。

官网地址:http://www.foundcss.com/

5、Amaze UI是轻量级的前端应用框架,是国内比较流行的框架,比较适用于移动端响应式开发框架,可以按照项目要求生成专属的UI框架库进行使用,组件非常丰富,可以构建出漂亮的web页面。

官网地址:http://amazeui.org/

6、Pure是雅虎公司开发的轻量级、响应式CSS框架,整个框架包也是非常的小,官网也提供许多实例进行学习,对于开发小型系统界面样式可以考虑使用Pure,因为小巧方便。

官网地址:https://www.purecss.cn/

1)Twitter Bootstrap

Bootstrap是最流行的HTML5框架之一。这是一款用于Web开发的时尚、直观、强大的前端框架。它有着用于开发响应式网站的所有组件,如12列响应式网格、定制jQuery插件、bootstrap编辑器等等。

2)HTML5 Boilerplate

HTML5 Boilerplate能帮助我们构建快速、可适应的Web应用和网站。它提供了优秀的网站性能和独立的服务器维护配置。它可以帮助你开展新的项目。

3)Foundation

Foundation是当今世界最先进的响应式前端框架。我们可以通过构建面向小型设备的网站来使用此HTML5架构。它也可用于灵活和响应式的网站

4)UIKit

UIKit是一款轻量级,模块化的前端框架,可快速构建强大的web前端界面。UIKit提供了全面的HTML、CSS和JS组件,使用和定制都很方便。

5)HTML5 KickStart

HTML5 KickStart有着精简的HTML5、CSS和JS的构建模块,支持快速制作网站。它小小的程序包中囊括了响应式网格布局、触摸功能的幻灯片等等

6)Gumby

Gumby2是一个非常了不起的响应式CSS框架。Gumby框架也允许定制:这和下载、调整、部署一样简单!Gumby2建立在Sass的基础上。

7)Skeleton

Skeleton简单又友好,可用于开发HTML5网站和移动应用。它有一个CSS文件的小集合,能让你快速开发出任意大小的网站。

8)Groundwork

Groundwork是一款响应HTML5、CSS和JavaScript的框架,拥有如网格系统,高度可定制化,响应式文本等等功能。

9)Base

Base是一款基于语义的、轻量级的和可扩展的框架,可用于快速创建响应式站点。

10)Montage

Montage是一款支持构建现代化Web应用程序的HTML5框架。它能协助你开发出可扩展和可维护的HTML5应用。它拥有如可重用的组件和HTML模板,声明组件模型,声明数据绑定等功能。

11)Layers CSS

Layers CSS是轻量级的CSS框架,它不强调任何设计但是可以用来处理主要结构。它拥有流动网格和一些简单的类,以支持响应式布局。

12)52Framework

52Framework是一款旨在提供用简单方法通过HTML5和CSS3构建响应式网页,同时支持所有现代浏览器的HTML5框架。它里面有多种超棒的组件,如HTML5视频播放器,圆角,HTML5画布例子,HTML5表单验证等等等等。

13)CreateJS

CreateJS是一系列模块化的库和工具,经由HTML5的Web技术生成丰富多彩的交互式内容。它有HTML5音频,对象管理,渐变等功能。CreateJS套件包括:EaselJS,TweenJS,SoundJS,PreloadJS和Zoe。

14)Kube

Kube Framework只有一个CSS文件。它的美丽就源于它的简单。对开发人员拥有最大的灵活性和定制,并提供LESS文件。

15)Less Framework

Less Framework是一个现代化的前端框架,用于构建响应式的设计。它也是一款支持设计自适应网站的CSS网格系统。它含有通通基于单网格的4款布局和3套预设排版

16)SkelJS

skelJS是一款轻量级的前端框架,用于构建响应式网站和app。

具体的官方网址请参考以下博客内容:

9个流行的、强大的前端开源框架,帮助你轻松构建漂亮的网站前端。1、BootstrapBootstrap无疑是最流行的CSS框架,它是最早的Web前端框架,由Twitter开发。Bootstrap还提供了许多示例来帮助你入门。2、PatternFlyPatternFly是Red Hat的开源CSS框架,和Bootstrap不同的是,Bootstrap是为那些想要创建漂亮网站的人而设计的,而PatternFly主要专注于企业应用程序开发人员,提供诸如条形图、图表、导航之类的组件,实际上Red Hat就是使用它创建了OpenShift。3、Material Components for the webMaterial Components for the web(MDC Web),是谷歌专为Web设计的全新前端框架。MDC Web可帮助开发人员执行Material Design,组件由谷歌的核心工程师团队和UX设计人员开发。这些组件可以建立可靠的开发工作流程,以构建美观且功能强大的Web项目。4、PureBootstrap,Patternfly和MDC Web是功能非常强大的CSS框架,但它们可能非常繁琐和复杂。如果你想要一个轻量级的CSS框架,可以尝试Pure.css,它本身更接近于CSS编程,但又可以帮助你构建一个不错的网页。Pure是具有最小占用空间的轻量级CSS框架,它由Yahoo开发,根据BSD许可是开源的。5、FoundationFoundation声称是世界上最先进的响应式前端框架。它提供了用于构建专业网站的高级功能和教程。许多公司,组织都使用该框架,并且该框架具有大量可用的文档。6、BulmaBulma是一个基于Flexbox的开源框架,可根据MIT许可证开源。Bulma是一个非常轻量级的框架,因为它只需要一个CSS文件。Bulma拥有简洁明了的文档,可轻松选择你想要的主题。它还具有许多Web组件,你可以在设计中使用它们。7、Skeleton如果说还有什么框架比Pure更加轻量级,那一定是Skeleton。Skeleton库只有大约400行,并且该框架仅提供一些基本的CSS框架组件。尽管如此,Skeleton还是提供了详细的文档来帮助你快速上手。8、MaterializeMaterialize 是一个基于 Material Design风格的一个现代化的响应式前端框架,解决了最繁重的工作,结合你的自定义组件,为你提供默认的样式。Materialize的文档页面非常全面,并且很容易遵循。其组件页面包括按钮,卡片,导航等。9、BootflatBootflat是从Twitter的Bootstrap派生的开源CSS框架。与Bootstrap相比,Bootflat更简单,并且更加轻量级。Bootflat的文档似乎几乎受到了IKEA的启发,大部分都是图像,没有太多的文字。