推荐几个精致的web UI框架

简介:
+关注继续查看
1.Aliceui

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

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

2.Amazeui

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

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

3.sui

SUI是一套基于bootstrap开发的前端组件库,同时她也是一套设计规范。 
通过SUI,可以非常方便的设计和实现精美的页面。

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

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

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

4.FrozeUI

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

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

5.uiKit

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

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

6.H-ui

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

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

7.Weui

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

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

8.layui

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

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

9.YDUI Touch

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

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


10.MUI

曾经一直使用 Android 系统的我,后来见到 IOS,果断移情别恋了,不知道为什么苹果每次调整系统我都特别喜欢,后来一段时间因为缺设计我专门模仿 IOS 系统做 UI,但始终不能够做到很好,无意间就发现了 MUI 这个框架,这个框架给我的吸引之处就是它的 UI 是以 IOS 为主体设计的,当然它也补充了android特有UI样式。并且MUI官方声称用来开发深入以后发现拿它做 APP 还能够提高用户使用流畅度,然后便试着更深入的了解和使用一段时间。

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

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

Star:2,450

总结:就像之前说的这个框架是以两大系统为参照来封装UI组件,框架自身还有一个较为活跃的社区,不太好的地方这也是我特别关注的一点,关于开发应用的流畅度,我当然知道这是 H5 目前的劣势,但是看到官网给的描述,还是抱着期待的心理试试看能否提升,然而它其实还是需要是借助 Webview来提升,而不是框架本身。

本文转自  陈小龙哈   51CTO博客,原文链接:http://blog.51cto.com/chenxiaolong/1952324

相关文章
|
2月前
|
Java 应用服务中间件 API
Flowable UI Web应用搭建教程(图解)
Flowable UI Web应用搭建教程(图解)
|
3月前
|
存储 API Python
Deforum 插件并未集成在 Stable Diffusion Web UI 中
Deforum 插件并未集成在 Stable Diffusion Web UI 中
99 1
|
5月前
|
前端开发 JavaScript Java
如何对使用React和EMF parsley设计的Web UI应用程序进行测试自动化
Web UI应用程序是指通过Web浏览器访问的应用程序,它们通常具有复杂的用户界面和交互逻辑。为了确保Web UI应用程序的功能、性能和用户体验,测试自动化是一种有效的方法,它可以在不需要人工干预的情况下,快速地执行重复的测试任务,并提供可靠的测试结果。本文将介绍如何对使用React和EMF parsley设计的Web UI应用程序进行测试自动化,以及使用HtmlUnitDriver和java代码实现的示例。
如何对使用React和EMF parsley设计的Web UI应用程序进行测试自动化
|
5月前
|
消息中间件 JSON Kubernetes
一文搞懂 Kafka 开源可视化 Web UI - Kafdrop
Hello folks,我是 Luga,今天我们来分享一下与 Kafka 有关的观测性话题- Kafdrop。作为一个构建在 Spring Boot 之上的免费 Web UI工具,越来越受到广大技术人员的喜好。
191 0
|
7月前
|
边缘计算 运维 Cloud Native
探索 Web 管理之路,OpenYurt 社区 UI/CLI SIG 正式启动
探索 Web 管理之路,OpenYurt 社区 UI/CLI SIG 正式启动
10131 0
|
7月前
|
机器学习/深度学习 编解码 人工智能
加上Web UI,文本-图像模型Stable Diffusion变身绘图工具,生成艺术大片
加上Web UI,文本-图像模型Stable Diffusion变身绘图工具,生成艺术大片
212 0
|
7月前
|
人工智能 并行计算 物联网
VLAD Diffusion,一个更好用且易于安装的Stable Diffusion Web UI
VLAD Diffusion 是我们前面介绍过的 AUTOMATIC1111/stable-diffusion-webui的一个定制的更新,它主要是为了更频繁发布的更新和错误修复。
578 0
|
8月前
|
存储 人工智能 API
AutoGPT也有Web UI了
AutoGPT能够在你的电脑上做任何你想做的事情,并且我们在前面的文章中也介绍了其他的一些类似的应用。
519 0
|
10月前
|
Web App开发 前端开发 JavaScript
Web前端快速开发 Bootstrap 响应式UI框架
Web前端快速开发 Bootstrap 响应式UI框架
317 0
Web前端快速开发 Bootstrap 响应式UI框架
|
NoSQL 数据库 开发者
安装部署—集群启动&web ui&注意事项 | 学习笔记
快速学习 安装部署—集群启动&web ui&注意事项
190 0
安装部署—集群启动&web ui&注意事项 | 学习笔记
相关产品
云迁移中心
推荐文章
更多