码迷,mamicode.com
首页 > 其他好文 > 详细

H5前端框架推荐合集 (转)

时间:2017-12-25 23:21:24      阅读:255      评论:0      收藏:0      [点我收藏+]

标签:框架   交互   集合   构建   taobao   开心   div   class   web app   

Ionic

ionic 吧开发流程都帮你做好了,已经不再是单纯的UI框架,而是开发框架了,非常适合快速开发。基于angular2,丰富的UI组件,大大改进的编程模型,

Semantic UI

技术分享图片
中文官网 英文官网

Framework7

Framework7 是一个开源免费的框架可以用来开发混合移动应用(原生和HTML混合)或者开发 iOS & Android 风格的WEB APP。也可以用来作为原型开发工具,可以迅速创建一个应用的原型。

Ant.design

提炼自企业级后台产品的交互语言和视觉风格。丰富实用的 React UI 组件。基于 React 的组件化开发模式。背靠 npm 生态圈。基于 webpack 的调试构建方案,支持 ES6。

SUI

纯UI框架,淘宝出品,应该靠谱,不大会半路夭折。

WEUI

微信设计团队出品,微信原生视觉体验样式库。

AUI

专为APICloud开发者设计的一套UI框架,解决了很多移动前端开发的普遍问题,兼容性不错的CSS3使用,框架还提供了聊天界面、计数列表等组件,解决了很多复杂的布局。

Aliceui

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

H-ui

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

LayUI

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

YDUI Touch

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

Amaze UI

基于社区开源项目构建的一个跨屏前端框架,以移动优先,从小屏到大屏,最终实现所有屏幕适配,适应移动互联潮流。解决了国内浏览器存在的跨屏适配和兼容性问题。

Frozen UI

鹅厂出品,QQ会员前端用的是这套框架开源,不过貌似已经停止维护了

Semantic UI

UI上跟Bootstrap没太多的区别,不过代码命名规范上却相差甚大,它的命名全是采用复合的方式,类名特别的离散,用的时候你得很小心自己扩展或者新增的class命名与它的类名冲突。

Foundation

框架界的元老啦,这个框架一直到现在依然这么的热门,如果你比较介意Bootstrap开发撞脸的尴尬事情,那么你可以考虑使用Foundation。即使你使用预定义的UI元素,也不会与其他网站太像,就像官方说的给开发者更灵活的框架体验。

UiKit

UIkit是YOOtheme团队开发的,在许多WordPress主题中都有应用(也就是如果你是个WordPress爱好者,那么这个框架应该比较适合深究),并且框架能够通过GUI编辑器和手动编辑,所以它提供了一个灵活、强大的自定义机制。框架借助LESSjQuerynormalize.cssFontAwesome开源项目的独有特点,整合成了这么一款轻量级、模块化的前端框架。

Pure

框架小巧,并且是纯CSS,可与其他框架快速结合使用。

Purecss

一个轻量级的库如Purecss(http://purecss.io),采用Grid的部分即可,需要定制的部分,建议自行配置,或者是直接采用grid.css,grid960.css这样的栅格来处理。

Bootstrap

基础组件主要是button,input,form等,可以在Bootcss看到很多的组件库,按照需要选择一部分,在做下自定义修改配色,阴影,边框什么的,动画的话就用animate.css吧。

 

转自 http://www.genshuixue.com/i-cxy/p/15629260

H5前端框架推荐合集 (转)

标签:框架   交互   集合   构建   taobao   开心   div   class   web app   

原文地址:https://www.cnblogs.com/SharkBin/p/8111520.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!