0
点赞
收藏
分享

微信扫一扫

UI优秀框架(库)

数数扁桃 2022-07-12 阅读 126

1.vux

官网:​​https://doc.vux.li/zh-CN/​​

Github:​​https://github.com/airyland/vux​​

13818  Stars  3064 Forks


​VUX​​​(读音 [v’ju:z],同 ​​views​​​)是基于​​WeUI​​​和​​Vue​​(2.x)开发的移动端UI组件库,主要服务于微信页面。

基于​​webpack + vue-loader + vux​​​可以快速开发移动端页面,配合​​vux-loader​​​方便你在​​WeUI​​的基础上定制需要的样式。

​vux-loader​​保证了组件按需使用,因此不用担心最终打包了整个vux的组件库代码。

​VUX​​​并不完全依赖于​​WeUI​​​,​​VUX​​​ 在 ​​WeUI​​​ 的基础上扩展了多个常用组件,但是尽量保持整体UI样式接近​​WeUI​​的设计规范。

总结:vux还是比较适合当前小程序开发的,组件非常全面,而且使用说明也都非常详细,并且可以直接查看源码,学习起来也比较方便。


2.Amaze UI

官网:​​http://amazeui.org/​​

Github:​​https://github.com/amazeui/amazeui​​

12179  Stars  2496 Forks

  • Amaze UI 以移动优先(Mobile first)为理念,从小屏逐步扩展到大屏,最终实现所有屏幕适配,适应移动互联潮流。
  • Amaze UI 含近 20 个 CSS 组件、20 余 JS 组件,更有多个包含不同主题的 Web 组件,可快速构建界面出色、体验优秀的跨屏页面,大幅提升开发效率。
  • 相比国外框架,Amaze UI 关注中文排版,根据用户代理调整字体,实现更好的中文排版效果;兼顾国内主流浏览器及 App 内置浏览器兼容支持。
  • Amaze UI 面向 HTML5 开发,使用 CSS3 来做动画交互,平滑、高效,更适合移动设备,让 Web 应用更快速载入。

总结:组件种类较为丰富,Amaze UI Web和element-UI较为相似。Amaze UI Touch风格比较赏心悦目,适合React开发的项目。

3.WeUIi

Github:​​https://github.com/weui/weui​​

DEMO:​​https://weui.io/​​

19854 Stars  5278 Forks

WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。

风格更加偏向于原生微信。

4.MUI

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

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

9751 Stars  5137 Forks

官网描述:最接近原生APP体验的高性能前端框架。

总结:这个框架是以两大系统为参照来封装UI组件,框架自身还有一个较为活跃的社区,不太好的地方是关于开发应用的流畅度,这页是 H5 

目前的劣势,MUI其实还是需要是借助 Webview来提升,而不是框架本身。

5.Semantic UI

官网:​​https://semantic-ui.com/​​

Github:​​https://github.com/semantic-org/semantic-ui/​​

42627 Stars  4584 Forks

Semantic作为一款开发框架,帮助开发者使用对人类友好的HTML语言构建优雅的响应式布局。

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

风格中规中矩,比较适合传统行业及B端系统开发

6.UiKit

官网:​​http://www.getuikit.com/​​​Github:​​https://github.com/uikit/uikit​​

13006 Stars  1976 Forks

样式中规中矩,组件效果js实现比较清楚,可以学习借鉴。

7.Pure

官网:​​http://purecss.io/​​

Github:​​https://github.com/yahoo/pure/​​

18965 Stars  2028 Forks

和bootstrap比较类似,样式风格较为单一。

8.Ant Design

官网:​​https://ant.design/index-cn​​

Github:​​https://github.com/ant-design/ant-design/​​

32705 Stars  10511 Forks

特性​​#​​

  • 提炼自企业级中后台产品的交互语言和视觉风格。
  • 开箱即用的高质量 React 组件。
  • 使用 TypeScript 构建,提供完整的类型定义文件。
  • 全链路开发和设计工具体系。

支持环境​​#​​

  • 现代浏览器和 IE9 及以上(需要​​polyfills​​)。
  • 支持服务端渲染。
  • ​​Electron​​

和Element-ui比较相似,样式风格比较适合PC端系统。

 

 

举报

相关推荐

0 条评论