Vant
vant-ui.github.io又名 Vant、Vant 4、Vant UI
有赞开源的移动端 Vue 组件库,80 多个组件覆盖表单、反馈与电商业务场景,零第三方依赖、支持按需引入和主题定制,适合用 Vue 3 写电商、O2O 这类表单和列表密集的 H5 页面的前端开发者。
工具免费不用登录网页多语言开源

Vant 是一个移动端 Vue 组件库,2017 年开源,目前由有赞前端团队维护。它把移动端页面里反复出现的按钮、输入框、弹窗、轮播、地址编辑、优惠券等界面元素做成现成组件,开发者引入后拼装即可,不用从零写样式和交互。
主要功能
组件按基础、表单、反馈、展示、导航、业务六类组织,数量超过 80 个。业务组件里能看到电商场景的影子:商品卡片、提交订单栏、优惠券、地址列表与编辑、省市区选择。组件平均体积小于 1KB(min+gzip),不依赖第三方 npm 包,支持按需引入和 Tree Shaking,也支持主题定制、深色模式、服务端渲染与国际化。
官方提供 Vue 2、Vue 3 和微信小程序三个版本,React 版和支付宝小程序版由社区维护。文档有中英文两套,每个组件配示例,另提供 Sketch 和 Axure 设计资源。
适合谁
用 Vue 写移动端 H5 的前端开发者,尤其是做电商、O2O 这类表单和列表密集的页面。如果项目用 Vue 3,对应 Vant 4;还在 Vue 2 上的项目要用 Vant 2,两者文档分开。微信小程序开发者可以看 Vant Weapp。
版本与限制
当前文档对应 Vant 4.9.22,适用于 Vue 3,2022 年 12 月发布,处于长期支持状态。Vant 3、Vant 2、Vant 1 均已终止支持,不再接受 PR。浏览器方面,Vant 3/4 要求 Chrome >= 51、iOS >= 10.0。项目基于 MIT 协议,可自由使用和参与开源。
常见问题
Vant 收费吗?
Vant 免费使用。
用 Vant 要登录吗?
不用登录就能用。
Vant 有哪些平台 / App?
支持 网页。
Vant 的替代品有哪些?
本站整理了 1 个替代品,例如 NutUI。