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

这篇具有很好参考价值的文章主要介绍了移动端开发常用的一些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、本人也开发了一套移动端框架、因项目不稳定性暂时不同步了
这些组件库同样适用于移动端开发,可以根据具体项目需求选择合适的组件库使用。


 文章来源地址https://www.toymoban.com/news/detail-646076.html

到了这里,关于移动端开发常用的一些UI 组件库的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • HarmonyOS鸿蒙基于Java开发:Java UI 常用组件 ScrollView

    目录 支持的XML属性 创建ScrollView 设置ScrollView 根据像素数平滑滚动 平滑滚动到指定位置 设置布局方向 设置回弹效果

    2024年01月18日
    浏览(47)
  • HarmonyOS鸿蒙基于Java开发:Java UI 常用组件 ListContainer

    目录 支持的XML属性 ListContainer的使用方法 ListContainer的常用接口 ListContainer的样式设置 ListContainer性能优化 ListContainer是用来呈现连续、多行数据的组件,包含一系列相同类型的列表项。 ListContainer的共有XML属性继承自:Component ListContainer的自有XML属性见下表: 表1  ListContainer的

    2024年01月20日
    浏览(52)
  • HarmonyOS鸿蒙基于Java开发:Java UI 常用组件 RadioButton

    目录 支持的XML属性 创建RadioButton 设置RadioButton 设置单选按钮的字体颜色 设置状态标志样式 RadioButton用于多选一的操作,需要搭配RadioContainer使用,实现单选效果。 RadioButton的共有XML属性继承自:Text RadioButton的自有XML属性见下表: 表1  RadioButton的自有XML属性

    2024年01月24日
    浏览(49)
  • HarmonyOS鸿蒙基于Java开发:Java UI 常用组件 PopupDialog

    目录 接口说明 构造方法 常用方法 创建和使用 创建参照的组件 创建气泡对话框 使用气泡对话框 修改对齐模式/

    2024年01月18日
    浏览(43)
  • HarmonyOS鸿蒙基于Java开发:Java UI 常用组件 PageSlider

    目录 支持的XML属性 PageSlider的创建和使用 PageSlider的常用方法 常用方法 响应页面切换事件 设置布局方向 设置缓存当前页面左右两侧的页面数

    2024年01月22日
    浏览(54)
  • HarmonyOS鸿蒙基于Java开发:Java UI 常用组件 WebView

    目录 WebView的使用方法 浏览网页历史记录 使用JavaScript 观测Web状态 观测浏览事件 定制网址加载行为 加载资源文件或本地文件 WebView提供在应用中集成Web页面的能力。 说明 请使用真机

    2024年01月20日
    浏览(46)
  • HarmonyOS鸿蒙基于Java开发:Java UI 常用组件Switch

    目录 支持的XML属性 创建Switch 设置Switch Switch是切换单个设置开/关两种状态的组件。 Switch的共有XML属性继承自:Text Switch的自有XML属性见下表: 表1  Switch的自有XML属性 属性名称 中文描述 取值 取值说明 使用案例 text_state_on

    2024年01月18日
    浏览(58)
  • HarmonyOS鸿蒙基于Java开发:Java UI 常用组件 PageSliderIndicator

    目录 PageSliderIndicator的创建和使用 PageSliderIndicator的常用方法 关联PageSlider 响应页面切换事件 设置所选导航点的页面位置 设置导航点的背景 设置导航点之间的偏移量 PageSliderIndicator,

    2024年01月16日
    浏览(43)
  • HarmonyOS鸿蒙基于Java开发:Java UI 常用组件Text

    目录 支持的XML属性 创建Text 设置Text 自动调节字体大小 跑马灯效果 场景示例 Text是用来显示字符串的组件,在界面上显示为一块文本区域。Text作为一个基本组件,有很多扩展,常见的有按钮组件Button,文本编辑组件TextField。 Text的共有XML属性继承自

    2024年01月19日
    浏览(41)
  • Vant 移动端UI 组件自动引入

    # Vue 3 项目,安装最新版 Vant npm i vant Vant按需引入 - - -安装: unplugin-vue-components 插件 unplugin-vue-components 插件可以在Vue文件中自动引入组件(包括项目自身的组件和各种组件库中的组件) 使用此插件后,不需要手动编写  import { Button } from \\\'ant-design-vue\\\' 这样的代码了,插件会自

    2024年02月05日
    浏览(46)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包