12个常用前端UI框架集合汇总

来源:脚本之家  责任编辑:小易  

这个很多比如EasyUI、jQuery UI、LigerUI、Ext.js等

1、bootstrap

Bootstrap 是Twitter推出的一个用于前端开发的,一个用于 HTML、CSS 和 JS 开发的开源工具包,是全球最受欢迎的前端组件库,用于开发响应式布局、移动设备优先的 WEB 项目。

frozen ui前端框架怎么用~如果你认可我的回答,请及时点击【采纳为满意回答】按钮 ~~手机提问

官网:https://v4.bootcss.com/

我觉得 UI 框架的优缺点要从本身的几个特点来看:UI 框架应该有的基本功能,比如各种浏览器

文档:https://v4.bootcss.com/docs/getting-started/introduction/

1.AliceuiAliceui是支付宝的样式解决方案,是一套精选的基于 spm 生态圈的样式模

2、Layui

目前前端框架很多,最火的属bootstrap了,优先于移动BlendUIFramework

layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。其外在极简,体积轻盈,组件丰盈,非常适合界面的快速开发。layui 兼容人类正在使用的全部浏览器(IE6/7除外),可作为 PC 端后台系统与前台界面的速成开发方案。

近来在互联网上看到,有人在网上做了一个调查,发现有80%的人听到过,每次都是2-3声象弹珠球跌落在地上又弹起的声音每次都是2-4声.而且都是在半夜听到,声音好象还挺重的现在的小朋友还玩弹珠吗?并且有时还听到麻将骰子掉地的声音!还有有时也可以听到好象一些家具搬动的声音,仿佛是人在拖一样!以前还一直疑惑是什么原因,当时也并不怎么在意!没有深究其原因!但是通过互联网以后,发现很多朋友都似乎听到过这种来历不明的声音!!!这就奇怪了,全国各地难道都会出现这样的情形吗???这不是特别针对与个人的事情呀?究竟是什么原因呢?是热膨冷缩吗?实验一:真的跑去楼上打弹珠,发现声音根本几乎是听不到,其实地

官网:https://www.layui.com/

这是一种误解。实际上,腾讯不但是中国最大的游戏公司,同时也是世界最大的游戏公司。据Newzoo的分析师们的报告,2016年腾讯的游戏业务贡献了102亿美元的总收入,占全球游戏市场的比例已经高达10%。腾讯游戏业务比全球第二名的索尼(同样是只计游戏业务)还多出了23亿美元。2016年,动视暴雪游戏收入为68亿美元,微软游戏额收入为66亿美元,EA“只有”47亿美元,任天堂18亿美元。值得注意的是,网易同期收入为43亿美元,排全球第7位。所以说,腾讯和网易,已经是具备国际竞争力的游戏公司,甚至已经占有相对的优势地位。腾讯和网易的崛起,是和中国成为全球最大的游戏市场分不开的。据Newzoo最新的统计

例子:https://www.layui.com/admin/std/dist/views/

随着人们投资理财意识醒悟,21世纪各种投资都有藏友追逐,其中纸币投资更加是如此了,今天小编就带大众来了解一下53年1分2分5分纸币收藏的价值。虽然这些纸币的面额较小,收藏的人并不算多,但是仍然有广大藏友看好53年1分2分5分纸币的投资,那么到底他们是否具备一定的投资潜力呢!  53年1分2分5分纸币发行距离现在较为遥远,作为最先发行的一些纸币,他们本身的价值备受肯定,不仅仅见证了中国成立之初的艰辛,更是见证了我国当时的经济发展水平,对于中国的货币流通有一定的协助作用,而且这些纸币作为60年代初期人们日常找零时用到的,纸币他们本身在当时所代表的意义更加与众不同,由于小面额纸币投资潜力比较好,所以

3、MuseUI

王远(化名)38岁的时候,他的前妻因病去世,留下一个10岁的女儿,后来经人介绍认识了现任妻子出轨闫芳(化名)。闫芳比他小十几岁,年轻漂亮而且是初婚,而王远只是一个普通的出租车司机,因此,当他们结婚时,王远觉得自己被天上的馅饼砸中,巨大的幸福感让他心花怒放,仿佛人生重新有了意义,可是婚后的生活却鸡飞狗跳,完全没有想象中的幸福……前妻离世独守女儿1998年,我与同厂的徐娇组成了幸福的家庭。徐娇虽然相貌平凡,但却温柔贤惠,她总是把我们的小家收拾得干净温馨。女儿5岁时,厂里效益不好,我就辞职开起了出租车。后来工厂起死回生,可徐娇从没埋怨过我。现在想来,那真是我生命中虽然平淡,却最温馨最幸福的时光。可是

Muse UI 基于 Vue2.0 开发,一套 Material Design 风格开源组件库,旨在快速搭建页面,拥有40多个UI 组件,提供了自定义主题,充分满足可定制化的需求。

官网:https://muse-ui.org/

例子:https://muse-ui.org/#/zh-CN/

4、View UI

即原先的 iView,是一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品。特点:丰富的组件和功能,满足绝大部分网站场景;提供开箱即用的 Admin 系统 和 高阶组件库;提供专业、优质的一对一技术支持;细致、漂亮的 UI,可自定义主题。

官网:https://www.iviewui.com/

例子:https://www.iviewui.com/docs/introduce

5、jQueryUI

jQuery UI是在jQuery JavaScript库之上构建的一组精选的用户界面交互,效果,小部件和主题。无论是构建高度交互的Web应用程序,还是只需要向表单控件添加日期选择器,jQuery UI都是理想的选择。

官网:https://jqueryui.com/

例子:https://jqueryui.com/demos/

6、EasyUI

EasyUI是一种基于jQuery、Angular.、Vue和React的用户界面插件集合。

jQuery EasyUI 提供易于使用的组件,它使 Web 开发人员能快速地在流行的 jQuery 核心和 HTML5 上建立程序页面。

EasyUI for Angular是基于原生的Angular 5之上构建的,不需要其他外部JavaScript库。

官网:http://www.jeasyui.net/

例子:http://www.jeasyui.net/demo/380.html

7、QuicK UI

QuicK UI 4.0 的组件库包含了一百多种组件,一千多个应用场景示例,囊括了web开发的各种应用场景。组件的使用也都非常简单,能让你的开发效率提高N倍。

官网:http://www.uileader.com/product_quickui.html

例子:http://www.uileader.com/quickui/system/main/main.jsp

8、Element Ui

Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0的桌面端组件库。

官网:https://element.eleme.cn/#/zh-CN/

例子:https://element.eleme.cn/#/zh-CN/component/installation

9、At-UI

at-ui 是一个模块化的前端 UI 框架,开发基于Vue.js 的快速和强大的 Web 界面。专门为桌面应用程序构建,AT-UI提供了一套 npm + webpack + babel 前端开发工作流程。它提供了一个体面的干净整洁的 UI 组件。主要用于快速开发 PC 网站中后台产品。

官网:https://at-ui.github.io/at-ui/#/zh

例子:https://at-ui.github.io/at-ui/#/zh/docs/introduction

10、antd

antd 是基于 Ant Design 设计体系的 React UI 组件库,主要用于研发企业级中后台产品。开箱即用的高质量 React 组件,全链路开发和设计工具体系,数十个国际化语言支持。

官网:https://ant.design/index-cn

例子:https://ant.design/docs/react/introduce-cn

11、Material-UI

Material-UI是基于React 的UI框架,更快速、更简便的 web 开发。官方市场中的高级主题——均以 Material-UI 为基础。

官网:https://material-ui.com/zh/

例子:https://material-ui.com/zh/getting-started/installation/

12、Vant Weapp

Vant Weapp,是有赞前端团队开发维护, 是移动端 Vue 组件库 Vant 的小程序版本,两者基于相同的视觉规范,提供一致的 API 接口,助力开发者快速搭建小程序应用。

官网:https://youzan.github.io/vant-weapp/#/intro

更多关于前端UI框架请查看下面的相关链接

扩展阅读,根据您访问的内容系统为您准备了以下内容,希望对您有帮助。

ui框架有哪些,web前端开源框架

推荐几个精致的web UI框架及常用前端UI框架

1.Aliceui

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

2.Amazeui

Amaze UI 是一个轻量级、 Mobile first 的前端框架, 基于开源社区流行前端框架编写的。

3.sui

SUI是一套基于bootstrap开发的前端组件库,同时她也是一套设计规范。 

通过SUI,可以非常方便的设计和实现精美的页面。

同时sui还有移动端版本msui,msui是阿里巴巴共享业务事业部UED团队的作品。目的是为了手机H5页面提供一个常用的组件库,减少重复工作。

4.FrozeUI

Frozen UI是一个开源的简单易用,轻量快捷的移动端UI框架。基于手Q样式规范,选取最常用的组件,做成手Q公用离线包减少请求,升级方式友好,文档完善,目前全面应用在腾讯手Q增值业务中。

5.uiKit

uiKit是一款轻量级、模块化的前端框架,可快速构建强大的web前端界面。

6.H-ui

H-ui是轻量级前端框架,简单免费,兼容性好,适用于中国网站。

7.Weui

weUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。

8.layui

Layui 诞生于2016年金秋,是一款带着浓烈情怀的国产前端UI框架,她追求极简,又不失丰盈的内在,说她是史上最轻量的结晶,似乎并不为过。一切都源自于她对原生态的执着,对前端社区的那些噪杂声音的过滤,以及她本身的精心雕琢。

9.YDUI Touch

YDUI Touch 专为移动端打造,在技术实现、交互设计上兼容主流移动设备,保证代码轻、性能高;使用 Flex 技术,灵活自如地对齐、收缩、扩展元素,轻松搞定移动页面布局;实现强大的屏幕适配布局,等比例适配所有屏幕。什么?用得不开心?轻松切换 px;自定义Javascript组件、Less文件、Less变量,定制一份属于自己的YDUI;

10、后台UI开发框架 MuseUI

一款基于bootstrap风格,兼容于主流浏览器(包括IE6)的后端UI开发组件。

前端ui框架是什么

Bootstrap比较火,Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS,HTML 和 JS 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式,表单,buttons,表格,网格系统等等。

移动webapp前端ui用哪个框架好

WeUI

WeUI是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、 progress, toast、article、icon等各式元素。

Frozen UI

Frozen UI是腾讯社交用户体验设计 - 增值UI开发团队一个开源的简单易用,轻量快捷的移动端UI框架。基于手Q样式规范,选取最常用的组件,

做成手Q公用离线包减少请求,升级方式友好,文档完善,目前全面应用在腾讯手Q增值业务中。

FrozenUI提供的CSS组件是目前QQ会员前端开发组所用的通用样式库。遵循手Q样式规范,基本样式使用离线包的方式减少请求,并提供快速接入的方案。

FrozenUI提供的一系列JavaScript插件,更优雅地在移动端上呈现更灵动的动画效果。

FrozenJS 是针对移动端开发的 js 组件库,其依赖 zepto.js 和 FronzenUI。

FrozenJS 的所有组件均以 zepto 的插件的形式存在。

阿里开源的SUI Mobile

SUI Mobile

SUI Mobile 是一套基于 Framework7 开发的UI库。并参考 Ratchet、Fastclick 开源库。它非常轻量、精美,只需要引入我们的CDN文件就可以使用,并且能兼容到 iOS 6.0+ 和 Android 4.0+,非常适合开发跨平台Web App。

轻量的UI库 SUI Mobile 非常轻量,核心库压缩Gzip后的JS、CSS网络传输体积总共只有52K,却提供了20+个常用的组件。

对于只有HTML&CSS的组件,你只需要复制HTML代码既可以使用。他的大部分JS组件都是独立的 Zepto 插件,并且提供了Zepto/jQuery 风格的API,你将会非常熟悉这种方式。

开发团队:阿里巴巴共享业务事业部UED团队

百度系

GMU

GMU是基于zepto的mobile UI组件库,提供webapp、pad端简单易用的UI组件!

Jingle

Jingle是一个SPA(Single Page Application)开发框架,用来开发移动端的html5应用,在体验上尽量去靠近native应用,希望有一天html5能够做到与native一样的操作体验。

丰富的UI组件提供了按钮、列表、表单、弹出框、轮换、上拉/下拉、日历等各种移动端常用的组件,简单适用,

前后端分离支持前端模板渲染,模板按需自动加载,完善的事件机制。

轻量级基于Zepto开发,依赖了iscrol

purecss

purecss采用其Grid的部分即可,需要定制的部分,建议自行配置,或者是直接采用grid.css,grid960.css这样的栅格来处理。Purecss小的没有节操,全部模块gzip压缩后才 4.4KB* 。 考虑到移动端,保持文件尽量小对我们来说非常重要,每一行CSS都经过深思。如果你只用部分模块,简直小的忽略。

Pure基石,Pure基于Normalize.css添加了HTML元素的布局和样式,以及常用的UI组件。全是精华,木有糟粕。

移动端是初衷,Pure是响应式的盒子模型,适应所有尺寸的屏幕。通过皮肤生成器可以自定义样式。

写出你自己的样式,Pure提供最基础的样式,鼓励你基于此写出自己的样式。它被设计为容易覆写,且不影响你自己的样式。

ionic

基于angular2,丰富的UI组件,大大改进的编程模型,非常适合快速开发。

jquery mobile

jQuery Mobile 是创建移动 web 应用程序的框架。

jQuery Mobile 适用于所有流行的智能手机和平板电脑。

jQuery Mobile 使用 HTML5 和 CSS3 通过尽可能少的脚本对页面进行布局。

Bootstrap

Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。

wex5

国产的ui,支持打包。

前端UI:完全恪守html5+css3+js,干净纯洁设备api:采用业界主流Phonegap/Cordova

向导、模板:简单定义,即可轻松制作向导和模板

主题、样式:海量bootstrap资源引入和定制

UI组件:纯H5+CSS3,轻松引入第三方UI组件

插件:轻松对接即时通讯、推送、支付等各类插件

后端:轻松调用后端组件和api,并实现可视化

前端ui框架移动端和pc端通用吗

不知道

Android开发中有没有类似Web前端的UI框架

jQuery UI是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web应用程序。所有插件测试能兼容IE 6.0+, Firefox 3+, Safari 3.1+, Opera 9.6+, 和GoogleChrome。

目前,前端开发领域类似于有一下几个:

1、jQuery EasyUI

jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签。

2、Bootstrap

Bootstrap,来自 Twitter,是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。 它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。 国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来。

3、Boilerplate

Boilerplate是一个由 Paul Irish(Google Chrome 开发人员、jQuery 项目成员、Modernizr 作者、yayQuery 播客主持人)主导的“前端开发模版”。

HTML5 Boilerplate 是一套具有非常多先进特性的框架,其特性简单介绍如下:

(1)由 Paul Irish 首创的在 HTML 页面的 body 上使用 IE 条件注释判断浏览器版本,从而大大简化了针对 IE Hack 的成本(在后来的版本中升级为在 <html> 标签中加入条件注释) (2)HTML5 集成,默认使用了很多 HTML5 的特性,并且使其兼容旧版本浏览器

(3)大量针对服务器的默认配置,无需修改即可配置一个安全、标准的 web 服务器

(4)完整的 JS 调试机制 —— 即使在 IE 下

(5)大量使用 CSS3 技术,并且集成了几乎所有来自框架中和技术大牛们口头相传的 CSS 技巧

(6)为所有浏览环境做了优化,包括移动版本和打印版本

(7)默认内置 Modernizr,可以检测浏览器对新特性的支持能力,方便针对旧版本浏览器优化

4、 jQuery Mobile

jQuery Mobile是jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile开发团队说:能开发这个项目,我们非常兴奋。移动Web太需要一个跨浏览器的框架,让开发人员开发出真正的移动Web网站。本回答被网友采纳

  • 本文相关:
  • mui框架 页面无法滚动的解决方法(推荐)
  • layui框架中layer父子页面交互的方法分析
  • easyui框架 使用ajax提交注册信息的实现代码
  • weui框架实现上传、预览和删除图片功能代码
  • javascript前端ui框架kit使用指南之kitjs简介
  • 推荐10款最热门jquery ui框架
  • web jmeter–接口测试工具详解
  • 科学知识:理解socket
  • git 教程简单入门介绍
  • 将新型冠状病毒转二进制的代码(首发)
  • gbk字符编码(字符集)缺陷导致web安全漏洞
  • 2019最新系统学习路线零基础如何转行大数据
  • 详细介绍 进程、线程和协程的区别
  • 网站搜索框使用微信扫码功能
  • aop的实现原理_动力节点java学院整理
  • ue、ui、ucd、interaction design、ued、ux、hci、usability,ia
  • ui框架有哪些,web前端开源框架
  • 前端ui框架是什么
  • 移动webapp前端ui用哪个框架好
  • 前端ui框架移动端和pc端通用吗
  • Android开发中有没有类似Web前端的UI框架
  • 现在不少针对移动端的WEB前端UI框架,有没有针对PC端的web前端UI框架,bootstarp除外...
  • frozen ui前端框架怎么用
  • Hbuilder mui这个前端ui框架如何?有什么优缺点?
  • 比较常用,成熟的针对html5的UI框架是哪些
  • 如何评价frozenui前端框架
  • 免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved