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

喜欢ヅ旅行 2021-09-17 07:44 386阅读 0赞

1.Aliceui

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

gitHub地址：[https://github.com/aliceui/aliceui.github.io][https_github.com_aliceui_aliceui.github.io]

2.Amazeui

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

官网地址：[http://amazeui.org/][http_amazeui.org]

3.sui

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

官网地址：[http://sui.taobao.org/][http_sui.taobao.org]

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

地址：[http://m.sui.taobao.org/][http_m.sui.taobao.org]

4.FrozeUI

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

官网地址：[http://frozenui.github.io/][http_frozenui.github.io]

5.uiKit

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

官网地址：[http://www.getuikit.net/][http_www.getuikit.net]

6.H-ui

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

官网地址：[http://www.h-ui.net/][http_www.h-ui.net]

7.Weui

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

官网地址：[https://github.com/weui/weui][https_github.com_weui_weui]

8.layui

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

官网地址：[http://www.layui.com/][http_www.layui.com]

9.YDUI Touch

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

官网地址：[http://www.ydui.org/][http_www.ydui.org]

## 10、后台UI开发框架 MuseUI ##

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

![museui.jpg][]

官方网站：[http://git.oschina.net/muse/museui][http_git.oschina.net_muse_museui]

**以下是**[常用前端UI框架快速开发web项目][UI_web]

**1.DWZ  国产的[jQuery][] UI富客户端框架**

![Center][]

框架地址：[http://jui.org/][http_jui.org]

**2.jQuery LingerUI  国产前端框架**

![Center 1][]

框架地址：[http://www.ligerui.com/][http_www.ligerui.com]

**3.JQuery EasyUI  帮助你快速构建web应用的前端框架**

![Center 2][]

框架中文地址：[http://www.jeasyui.net/][http_www.jeasyui.net]

框架英文地址：[http://www.jeasyui.com/][http_www.jeasyui.com]

**4.bootstrap  这个就不多说了，目前应用最为广泛的UI框架，组件样式都非常丰富**

![Center 3][]

框架地址：[http://www.bootcss.com/][http_www.bootcss.com]

**5.BUI  感觉做的还是不错**

![Center 4][]

框架地址：[http://www.builive.com/][http_www.builive.com]

**6.拼图  优秀的国产响应式css开源框架，自动适应手机，平板，电脑**

![Center 5][]

框架地址：[http://www.pintuer.com/][http_www.pintuer.com]

## 7、Alloy UI – 功能强大的[CSS UI框架][CSS UI] ##

Alloy UI是基于YUI 3的前段UI框架，包含一套丰富的（超过60）UI 部件，如图片库，对话框，树形结构，面板，自动完成，按钮，[日历控件][Link 1]，工具条等。

![alloy-ui.jpg][]

官方网站：[http://alloyui.com/][http_alloyui.com]

\--------------------------------------------------------------------------------------------------------------------------

作者：[心冰之海][Link 2]

转载：[https://www.cnblogs.com/lhxsoft/p/8268682.html][https_www.cnblogs.com_lhxsoft_p_8268682.html]

[https_github.com_aliceui_aliceui.github.io]: https://github.com/aliceui/aliceui.github.io
[http_amazeui.org]: http://amazeui.org/
[http_sui.taobao.org]: http://sui.taobao.org/
[http_m.sui.taobao.org]: http://m.sui.taobao.org/
[http_frozenui.github.io]: http://frozenui.github.io/
[http_www.getuikit.net]: http://www.getuikit.net/
[http_www.h-ui.net]: http://www.h-ui.net/
[https_github.com_weui_weui]: https://github.com/weui/weui
[http_www.layui.com]: http://www.layui.com/
[http_www.ydui.org]: http://www.ydui.org/
[museui.jpg]: http://static.codeceo.com/images/2014/09/museui.jpg
[http_git.oschina.net_muse_museui]: http://git.oschina.net/muse/museui
[UI_web]: http://blog.csdn.net/lsx991947534/article/details/51147533
[jQuery]: http://lib.csdn.net/base/jquery
[Center]: /images/20210720/2c983fb1968e4fdbab85d468cce9197a.png
[http_jui.org]: http://jui.org/
[Center 1]: /images/20210720/ac22bf2cf369474a8554c30b29277b59.png
[http_www.ligerui.com]: http://www.ligerui.com/
[Center 2]: /images/20210720/c58a8e1ecd654c4f8828aea4e7baef3a.png
[http_www.jeasyui.net]: http://www.jeasyui.net/
[http_www.jeasyui.com]: http://www.jeasyui.com/
[Center 3]: /images/20210720/ef6187dec9a64e6c8a7c4b840d947c65.png
[http_www.bootcss.com]: http://www.bootcss.com/
[Center 4]: /images/20210720/195dfad3c2ec449a9055c3adc7ba11d2.png
[http_www.builive.com]: http://www.builive.com/
[Center 5]: /images/20210720/7b691e972c6b4e8fb233daeafaff87c4.png
[http_www.pintuer.com]: http://www.pintuer.com/
[CSS UI]: http://www.codeceo.com/article/top-10-css-ui-framework.html
[Link 1]: http://www.codeceo.com/article/9-datepicker-and-calendar.html
[alloy-ui.jpg]: http://static.codeceo.com/images/2014/09/alloy-ui.jpg
[http_alloyui.com]: http://alloyui.com/
[Link 2]: https://www.cnblogs.com/lhxsoft/
[https_www.cnblogs.com_lhxsoft_p_8268682.html]: https://www.cnblogs.com/lhxsoft/p/8268682.html