首页 > 其他分享 >几款流行的web前端UI框架开发移动端项目

几款流行的web前端UI框架开发移动端项目

时间:2023-02-09 08:44:14浏览次数:63  
标签:web http 框架 前端 地址 UI 官网 几款

https://www.likecs.com/show-838798.html#sc=5600

http://aszhi.com/frame/63.html

根据近几年前端框架的热门,在前端开发框架不断更新与交换的时代,每一年都有黑马出现,是否适合自己开发的项目就不得而知了,只有认真的了解之后才能知道,本文主要介绍几款很受欢迎的web前端UI框架。

在选择框架的时候应该注意两方面。一、框架的功能性;二、团队协作能力,综合这两方面考虑,对要选择的框架做出评估,确定自己的目标框架。

1. Aliceui

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

gitHub地址:https://github.com/aliceui/aliceui.github.io

2. Amaze UI

Amaze UI前端框架

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

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

3. SUI

SUI前端组件库

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

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

官网地址:http://sui.taobao.org/

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

官网地址:http://m.sui.taobao.org/

4. FrozenUI – 专注于移动web的UI框架

Frozen UI移动端UI框架

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

专注于移动web的UI框架,基于腾讯手机QQ规范。 出自腾讯社交用户体验设计 - 增值UI开发团队。QQ会员前端用的是 Frozen UI,并且这套框架开源。

官网地址:http://frozenui.github.io/

5. UiKit

UiKit前端框架

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

UIkit是YOOtheme团队开发的,在许多WordPress主题中都有应用(也就是如果你是个 WordPress 爱好者,那么这个框架应该比较适合深究),并且框架能够通过GUI编辑器和手动编辑,所以它提供了一个灵活、强大的自定义机制。

框架借助LESS、jQuery、normalize.css及FontAwesome开源项目的独有特点,整合成了这么一款轻量级、模块化的前端框架。

官网地址:http://www.getuikit.net/

6. H-ui

H-ui是轻量级前端框架

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

官网地址:http://www.h-ui.net/

7. WeUI 为微信 Web 服务量身设计

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

官网地址:https://github.com/Tencent/weui

8. Layui

Layui经典模块化前端框架

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

由职业前端倾情打造,面向所有层次的前后端开发者,零门槛开箱即用的前端UI解决方案。

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

9. YDUI Touch

YDUI Touch移动端微信UI

YDUI Touch 特点

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

官网地址:http://www.ydui.org/

10. MUI — 最接近原生App体验的前端框架

MUI 是最接近原生APP体验的高性能前端框架。

首要目标是追求性能体验,MUI不依赖任何第三方JS库,压缩后的JS和CSS文件仅有100+K和60+K,轻量必然是重要特征。

重要目标是追求原生UI,MUI以iOS平台UI为基础,补充部分Android平台特有的UI控件。并且MUI官方声称用来开发深入以后发现拿它做 APP 还能够提高用户使用流畅度。

官网地址:http://dev.dcloud.net.cn/mui/

Github:https://github.com/dcloudio/mui

11. AUI 2.0 — 靠谱的移动APP H5前端框架

AUI -移动APP H5前端框架

AUI2.0的重新架构充分站在项目开发的角度上,以解决布局样式为重点,组件模块化为辅助进行全面优化调整,可以说2.0版本的AUI更合适项目的开发。我们从细节入手,让AUI做出来的APP达到像素及应用的标准,遵循Google Material设计规范,让行里行间的代码发挥她的极致效果。

专为APICloud开发者设计的一套UI框架,但实际它还是解决了很多移动前端开发的普遍问题,是它主要面向混合开发的 CSS 框架。所以看起来作者比较猖狂,各种高级 CSS3 遍地使用,选的都是 CSS3 兼容性不错的属性,并且框架还提供了聊天界面、计数列表等组件,解决了很多复杂的布局。

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

12. ZUI — 开源HTML5跨屏框架

ZUI–开源HTML5跨屏框架

一个基于 Bootstrap 深度定制开源前端实践方案,帮助你快速构建现代跨屏应用。

官网地址:http://zui.sexy/

13. 拼图前端框架

拼图前端框架

拼图是优秀的跨屏响应式布局前端开发CSS开源框架,国内前端框架先驱及领导者,自动适应手机、平板、电脑等设备,让前端开发像游戏般快乐、简单、灵活、便捷。

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

标签:web,http,框架,前端,地址,UI,官网,几款
From: https://www.cnblogs.com/bxf0011/p/17104015.html

相关文章

  • react-native-web跨平台实战
    1.背景 随着对用户体验要求的提高,产品要求提升用户体验,多端体验一致。随着多端相同的业务也越来越多,需要投入IOS,Android,Web多端开发人员。这就迫切的需要一......
  • Webots学习笔记(一) 基本概念
    最近准备学习webots,看了一下网络上没有什么特别好的教程,估计只能跟着官方的手册WebotsUserGuide和WebotsReferenceManual来进行学习了。Webots仿真的基本要素worldf......
  • robotframework-UI自动化项目实战
    自定义关键字使用***Keywords***设置自定义关键字***Settings***Documentation用户的登录测试LibrarySeleniumLibrarySuiteSetup......
  • 关于netcore webapi 前后端分离跨域配置
    最近做一个后台管理系统,但是期间遇到了跨域的问题,所以在此记录一下。这些问题都是很初级的基础知识。后台配置需要先配置指定域名跨域,这也是为了防止安全。一、关于netco......
  • 使用MQTT消息通信-Mosquitto搭建
    MQTT协议广泛用于物联网设备的消息传输,关于MQTT和MQTT的使用,我们准备多讲几次课,主要包括MQTT的概念和原理,MQTT的服务软件Mosquitto的搭建和使用,MQTT的python开发软件包paho......
  • #yyds干货盘点#【愚公系列】2023年02月 微信小程序-电商项目-UI设计之蓝湖的使用
    前言蓝湖是一款产品文档和设计图的共享平台,帮助互联网团队更好地管理文档和设计图。蓝湖可以在线展示Axure,自动生成设计图标注,与团队共享设计图,展示页面之间的跳转关系。蓝......
  • flask web 项目2 URL与视图映射
    #url:http/https://www.qq.com/path#url与视图:path与视图 #1.定义带有参数的urlint类型[email protected]("blog/<int:blog_id>"):defblog_detail(blog_id):......
  • WebAPI_DAY7_正则表达式
    步骤定义正则表达式检测查找是否匹配定义正则表达式letname=/表达式/其中//是正则表达式字面量判断是否有符合规则的字符串_test()letstr='eeeeeeeeexung......
  • 从JavaScript到TypeScript,Flow与WebAssembly
    1、TypeScriptTypeScript是一种由微软开发的自由和开源的编程语言,它是JavaScript的一个超集,扩展了JavaScript的语法,主要提供了型别系统和对ES6的支持。TypeScript......
  • Web前端框架(JavaScript,CSS)、html组件、CSS规范与第三方库
    1、什么是前端框架前端框架一般指用于简化网页设计的框架,使用广泛的前端开发套件,比如,jquery,extjs,bootstrap等等,这些框架封装了一些功能,比如html文档操作,漂亮的各种控件(按钮,......