Vant

A lightweight, customizable Vue UI library for mobile web apps.

Features

  • πŸš€ 1KB Component average size (min+gzip)
  • πŸš€ 80+ High quality components
  • πŸš€ Zero third-party dependencies
  • πŸ’ͺ 90%+ Unit test coverage
  • πŸ’ͺ Written in TypeScript
  • πŸ“– Extensive documentation and demos
  • πŸ“– Provide Sketch and Axure design resources
  • 🍭 Support Vue 2 & Vue 3
  • 🍭 Support Nuxt 2 & Nuxt 3, provide Vant Module for Nuxt
  • 🍭 Support Tree Shaking
  • 🍭 Support Custom Theme
  • 🍭 Support Accessibility (still improving)
  • 🍭 Support Dark Mode
  • 🍭 Support SSR
  • 🌍 Support i18n, built-in 30+ languages

Quickstart

See in Quickstart.

Browser Support

Vant 2 supports modern browsers and Android >= 4.0、iOS >= 8.0.

Vant 3/4 supports modern browsers and Chrome >= 51、iOS >= 10.0 (same as Vue 3).

Maintenance Status

The current maintenance status of each version of Vant is as follows:

NameFrameworkReleaseLatest VersionStatus
Vant 4Vue 32022.12Under active development
Vant 3Vue 32020.12Bugfix only
Vant 2Vue 22019.06Bugfix only
Vant 1Vue 22018.03End of life

Official Ecosystem

ProjectDescription
vant-weappWeChat MiniProgram UI
vant-demoCollection of Vant demos
vant-cliScaffold for UI library
vant-iconsVant icons
vant-touch-emulatorUsing vant in desktop browsers
vant-nuxtVant module for Nuxt

Community Ecosystem

ProjectDescription
3lang3/react-vantReact mobile UI Components based on Vant
vant-aliappAlipay MiniProgram UI
taroifyVant Taro
vant-themeOnline theme preview built on Vant UI
@antmjs/vantuiMobile UI Components based on Vant, supporting Taro and React
sfc-playground-vantTry Vant in the Playground. Currently only Vant 3+ is supported

Contribution

All Contributors

Thanks to the following friends for their contributions to Vant:

contributors

Contribution Guide

Please make sure to read the Contributing Guide before making a pull request.

LICENSE

MIT.