vant

Mobile UI Components built on Vue

Usage no npm install needed!

<script type="module">
  import vant from 'https://cdn.skypack.dev/vant';
</script>

README

logo

Vant

Mobile UI Components built on Vue

npm version CI Status Coverage Status downloads Jsdelivr Hits Gzip Size

πŸ”₯ ζ–‡ζ‘£η½‘η«™οΌˆε›½ε†…οΌ‰   🌈 ζ–‡ζ‘£η½‘η«™οΌˆGitHubοΌ‰   πŸ‡¨πŸ‡³ δΈ­ζ–‡η‰ˆδ»‹η»

Features

  • πŸš€ 1KB Component average size (min+gzip)
  • πŸš€ 65+ High quality components
  • πŸ’ͺ 90%+ Unit test coverage
  • πŸ’ͺ Written in TypeScript
  • πŸ“– Extensive documentation and demos
  • πŸ“– Provide Sketch and Axure design resources
  • 🍭 Support Vue 2 & Vue 3
  • 🍭 Support Tree Shaking
  • 🍭 Support Custom Theme
  • 🍭 Support Accessibility (still improving)
  • 🍭 Support i18n
  • 🌍 Support SSR

Install

Using npm to install:

# install latest Vant for Vue 3 project
npm i vant

# install Vant 2 for Vue 2 project
npm i vant@latest-v2

Using yarn or pnpm:

# with yarn
yarn add vant

# with pnpm
pnpm add vant

Quickstart

import { createApp } from 'vue';
import { Button } from 'vant';
import 'vant/lib/index.css';

const app = createApp();
app.use(Button);

See more in Quickstart.

Browser Support

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

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

Official Ecosystem

Project Description
vant-weapp WeChat MiniProgram UI
vant-demo Collection of Vant demos
vant-cli Scaffold for UI library
vant-icons Vant icons
vant-touch-emulator Using vant in desktop browsers

Community Ecosystem

Project Description
3lang3/react-vant React mobile UI Components based on Vant
rc-ui-lib React mobile UI Components based on Vant
vant-aliapp Alipay MiniProgram UI
taroify Vant Taro
vant-theme Online theme preview built on Vant UI
@antmjs/vantui Mobile UI Components based on Vant, supporting Taro and React

Links

Preview

You can scan the following QR code to access the demo：

Core Team

Core contributors of Vant and Vant Weapp:

chenjiahan cookfront w91 pangxie1991 rex-zsd nemo-shen Lindysen nemo-shen
chenjiahan cookfront wangnaiyi pangxie rex-zsd nemo-shen Lindysen JakeLaoyu

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