前端ui框架好看的都有哪些

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端ui框架好看的都有哪些相关的知识,希望对你有一定的参考价值。

推荐几个精致的web 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开发组件。

参考技术A 前端ui框架,我觉得好的,像bootstrap还有easyUI等等,都算很好的框架,拿来即用。 参考技术B Twitter开发响应式框架Bootstrap,也是目前人气最高,最流行的。
FullPage 整页滚动的框架,有点像电子请柬那种
参考技术C layui感觉还不错,扁平化风格

常用的前端框架都有哪些?

1. Twitter BootStrap (Apache v2.0;响应式)
时髦、直观并且强大的前端框架,让Web开发变得更加容易。

2. Foundation (MIT;响应式)
最先进的响应式前端框架。
3. 960gs(GPL&MIT;响应式)
960gs提供了一个简单的网格系统,适合快速开发。
4. Skeleton(MIT;响应式)
非常漂亮的Web模板,适合响应式、移动友好的开发。
5. 99lime HTML KickStart(Free)
适合网站快速开发的极简HTML构建模块。
6. Kube(Free;响应式)
面向专业人员的CSS框架。
7. Less Framework(MIT;响应式)
自适应的CSS网格系统。
8. Flameinwork(Free)
适合懒人开发者的前端微框架。
9. G5 Framework(Free)
(x)HTML5、CSS、PHP前端开发框架。
10. Easy Framework(Free)
Easy Framework是一个一体化前端解决方案,分structural、 presentational、interactive三层。
11. Blueprint(Free)
一个旨在减少开发时间的前端框架。
12. YAML(Creative Commons)
(x)HTML+CSS框架,适合开发现代化浮动布局。
13. BlueTrip(Free)
一个功能全面、并且美丽的CSS框架,适合于Blueprint搭配使用。
14. YUI3:Grids CSS(BSD)
YUI Grids CSS是最著名的CSS框架之一,是由Yahoo开发小组开发而成。 YUI Grids CSS为开发者提供了预先设置的四种不同页面宽度,六种不同的模板。
15. 52framework(Creative Commons)
对HTML5支持非常好,简单易用。
16. elastiCSS(MIT)
一个基于Web接口和印刷布局的简单CSS框架。
17. Emastic(Free)
一个与众不同的CSS框架。
18. Fluid 960 Gride System(GPL/MIT)

Fluid 960 Grid System的模版是根据Nathan Smith之前的作品而创建的。即960 Grid System:传承了MooTools和jQuery JavaScript libraries的效果。
19. xCSS(MIT)
一个面向对象的CSS框架,能让你的工作流更加简洁。xCSS基于CSS,可以在开发复杂样式时,提供面向对象的工作流。
20. EM CSS Framework(MIT/GPL)
EM CSS Framework提供了一个960px宽 + 12 列网格系统 + CSS的通用样式。
参考技术A 常用的前端框架有Bootstrap框架、React框架、Vue框架、Angular框架、Foundation框架 参考技术B 目前流抄行的前端框架主要有
①AngularJS,一个知由Google维护的开源前端框架。
②ReactJS,一个由Facebook研发的非MVC框架。
③Bootstrap,github热门前端框架。
④Fundation,一个用于快速开发的前端框架。
⑤VueJS,一个数据驱动的道前端开发框架。
希望可以帮助到你!
参考技术C 1. Bootstrap
Bootstrap是一款很受欢迎的前端框架,基于HTML、CSS、JavaScript设计的,简单灵活,使得Web开发更加快捷,Bootstrap中包含了丰富的Web组件和13个jquery插件,这些组件和插件可以快速的搭建一个漂亮和功能完备的网站,用户还可以根据自己的需求进行CSS变量的修改,扩展自己所需功能。
2. Angular
Angular是一款优秀的前端JS框架,已经被用于Google的多款产品中,其具有很多特性,如MVW、模块化、自动化双向数据绑定、语义化标签、依赖注入等,Angular可以为开发者呈现出一个更高层次的抽象来简化应用开发。
3. Backbone
Backbone是一种帮助开发重量级的javascript应用的框架,其文件本身很小,压缩后只有5.3KB,主要提供了models(模型)、collections(集合)、views(视图)三种结构,其中模型用于绑定键值数据和自定义事件,集合附有可枚举函数的丰富API,视图可以声明事件处理函数,并通过RESRful JSON接口连接到应用程序。Backbone依赖于underscore.js,其中包含很多工具方法、集合操作、js模板等。
4. React
React是一个用于构建用户界面的javascript库,主要用于构建UI,很多人认为React是MVC中的views(视图),其采用声明式设计、JSX的语法扩展、强大的组件、单向响应的数据流,具有高效、灵活的性能,且代码逻辑简单,受到越来越多的人的关注和使用!
参考技术D 互联网的迅速发展,软件行业成了更多年轻人的就业选择。HTML5简单易学门槛低,是Web时代前端开发超好用的工具。而HTML5开发人员的就业薪资也远远高于其他行业。
资料显示,初级HTML5开发人员的平均薪资在8K-10K左右,拥有一定工作经验的人薪资普遍达到15K-20K。如此广阔的前景当然吸引了无数专业或非专业人士的加入。Html5用途范围广,下面就来给大家分享常见的HTML5框架。

HTML5基础入门之常见的HTML5框架有哪些?
1、Siimpler
Siimpler 是个简单的 HTML 开发框架,他可以通过选择你自己喜欢的部分,来帮助你迅速又简单地创建 HTML5 开发结构。网络设计者们也可以通过使用 Siimpler 框架类的文件和文件夹来无缝的开始一个 web 项目。
2、Ionic
Ionic 是个神奇的框架和强大前端开源系统,使用先进的Web技术,比如CSS、HTML 和 JS 来创建令人惊叹的手机应用。
3、Foundation
Foundation 是世界上精妙的前端响应框架,同时,它可以兼容所有的浏览器和网络设备。Foundation 拥有移动友好型的用户接口,设置了许多关键特性。
4、Enyo
Enyo是一个开源的 Jaa 框架,该框架能够让你创建顶级的 HTML5 应用程序,该应用程序能够运行在各种各样的电子设备上,比如说手机、台式机、笔记本、电视以及Web应用。

5、LimeJS
针对于所有的新的桌面浏览器和触屏设备,LimeJS 对于有用户经验的游戏开发者而言是教好的和较强大的开发框架。
6、Bootstrap
Bootstrap能让所有开发者都能迅速上手、所有设备都可以适配、所有项目都适用。此外,bootstrap的官网也有很多教程提供。
7、juery UI
juery UI 主要分为交互、微件和效果库3个部分,主打代码开源,操作继承了juery 的简单特性,兼容各主流桌面浏览器。
前端html5是当下很多企业都会用到的软件开发,HTML5是移动互联网前端的主流开发语言,目前还没有任何一种前端开发技术能够取代HTML5。因此,无论是PC端还是APP端的应用,前端样式都离不开HTML5.
从手机与电脑上网的使用率来看,从事html5或者web相关的开发工作,就业前景还是比较可观的。而且,现在的网站开发都往移动设备上转移,所以html5或者web前端是众望所归。

以上是关于前端ui框架好看的都有哪些的主要内容,如果未能解决你的问题,请参考以下文章

jquery ui框架都有哪些

CSS框架 ui 都有哪些

前端开发框架都有哪些?

前端常用的框架都有哪些?

前端常用的框架都有哪些?

移动端ui框架的设计要求都有哪些?