0


移动端开发常用的一些UI 组件库

1、Vant 是一个轻量、可靠的移动端组件库,于 2017 年开源。

目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本,并由社区团队维护 React 版本和支付宝小程序版本。

官网:https://vant-ui.github.io/vant/v3/#/zh-CN/home
中文文档:https://vant-ui.github.io/vant/v3/#/zh-CN
在线预览:https://vant-ui.github.io/vant/v3/#/zh-CN/button
github地址:https://github.com/vant-ui/vant
有赞团队开发的移动端组件库

2、VUX(读音 [v’ju:z],同 views)是基于WeUI和Vue(2.x)开发的移动端UI组件库,主要服务于微信页面。缺点:暂未适配 vue-cli@3.x

官网:https://vux.li/
中文文档:https://doc.vux.li/zh-CN/
在线预览:https://vux.li/demos/v2/?x-page=v2-doc-home#/
github地址:https://github.com/airyland/vux
类似微信样式的移动端组件库

3、Vuetify是一个渐进式的框架,试图推动前端开发发展到一个新的水平。为了最好地完成这个任务,必须作出不支持一些老版本IE浏览器的牺牲。

官网:https://vuetifyjs.com/zh-Hans/
中文文档:https://vuetifyjs.com/zh-Hans/getting-started/quick-start
github地址:https://github.com/vuetifyjs/vuetify
Vuetify团队开发Vuetify是一个基于Vue.js的开源组件库,用于构建现代化的Web应用程序的用户界面。

4、Mint UI 包含丰富的 CSS 和 JS 组件,能够满足日常的移动端开发需要。通过它,可以快速构建出风格统一的页面,提升开发效率。

官网:http://mint-ui.github.io
中文文档:http://mint-ui.github.io/docs/
github地址:https://github.com/ElemeFE/mint-ui/
在线预览:http://elemefe.github.io/mint-ui/#/
饿了么前端团队开发的移动端组件库

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

官网:http://dev.dcloud.net.cn/mui/
中文文档:http://dev.dcloud.net.cn/mui/
在线预览:http://dcloud.io/hellomui/
github地址:https://github.com/dcloudio/mui
安卓团队开发的移动端组件库

6、Muse UI 基于 Vue2.0 开发,Vue2.0是当下最快的前端框架之一,小巧,api友好,可用于开发的复杂单页应用。

官网:https://muse-ui.org/#/zh-CN
中文文档:https://muse-ui.org/#/zh-CN/installation
github地址:https://github.com/museui/muse-ui
基于 Vue 2.0 优雅的 Material Design UI 组件库

7、cube-ui 由滴滴内部组件库精简提炼而来,是基于 Vue.js 实现的精致移动端组件库。

滴滴 WebApp 团队 实现的 基于 Vue.js 实现的精致移动端组件库。

官网:https://didi.github.io/cube-ui/#/zh-CN
github地址:https://github.com/didi/cube-ui
中文文档:https://didi.github.io/cube-ui/#/zh-CN/docs/quick-start
滴滴团队开发的移动端组件库

8、基于 vue.js 和 ionic 样式的 UI 框架,用于快速构建移动端单页应用,很简约。

官网:https://wangdahoo.github.io/
中文文档:https://wangdahoo.github.io/vonic-documents/#/
在线预览:https://wangdahoo.github.io/vonic/docs/#/home
github地址:https://github.com/wangdahoo/vue-scroller
某不知名作者开发

9、Ant Design Mobile

官网:https://mobile.ant.design/index-cn
中文文档:https://mobile.ant.design/docs/react/introduce-cn
GitHub地址:https://github.com/ant-design/ant-design-mobile
说明:Ant Design Mobile是Ant Design的移动端组件库,提供了一套适用于移动端的UI组件。

10、Onsen UI

官网:https://onsen.io/
中文文档:https://onsen.io/v2/guide/
GitHub地址:https://github.com/OnsenUI/OnsenUI
说明:Onsen UI是一个面向移动端的HTML5框架,提供了一套易于使用和美观的UI组件

11、Mint UI

官网:https://mint-ui.github.io/
中文文档:https://mint-ui.github.io/docs/#/
GitHub地址:https://github.com/ElemeFE/mint-ui
说明:Mint UI是饿了么前端团队开发的一个移动端UI组件库,提供了丰富的组件和功能。

12、WeUI

官网:https://weui.io/
中文文档:https://weui.io/weui/#/
GitHub地址:https://github.com/Tencent/weui
说明:WeUI是微信官方的UI库,提供了一系列符合微信设计风格的移动端UI组件。

13、 Arco Design

📅 Github:GitHub - arco-design/arco-design-mobile: React mobile UI components library based on Arco Design
📪 官网:https://arco.design/mobile/react 
📦 Npm:https://www.npmjs.com/package/@arco-design/mobile-react
👩🏻 🎨 Figma 组件:https://www.figma.com/community/file/1143750379727993941
说明:Arco Design Mobile 提供了 50+ 基础组件,迄今为止已在字节内部迭代了两年,包括头条、西瓜、番茄小说、抖音、懂车帝等在内的 10+ 业务已接入,内部 npm 包周下载量已近 1 万

14、本人也开发了一套移动端框架、因项目不稳定性暂时不同步了
这些组件库同样适用于移动端开发,可以根据具体项目需求选择合适的组件库使用。

标签: ui

本文转载自: https://blog.csdn.net/weixin_51127384/article/details/131633034
版权归原作者 y东施效颦 所有, 如有侵权,请联系我们删除。

“移动端开发常用的一些UI 组件库”的评论:

还没有评论