logo

Vant

Mobile UI Components built on Vue

npm version npm version Coverage Status downloads Jsdelivr Hits Gzip Size

🔥 文档网站     🇨🇳 中文版介绍     🚀 小程序版

--- ## Features - 65+ Reusable components - 1kb Component average size (min+gzip) - 90%+ Unit test coverage - Extensive documentation and demos - Support Vue 2 & Vue 3 - Support Tree Shaking - Support Custom Theme - Support i18n - Support TS - Support SSR ## Install ```bash # Install vant 2.x for Vue 2 project npm i vant -S # Install vant 3.x for Vue 3 project npm i vant@next -S ``` ## Quickstart ```js import Vue from 'vue'; import { Button } from 'vant'; import 'vant/lib/index.css'; Vue.use(Button); ``` See more in [Quickstart](https://youzan.github.io/vant#/en-US/quickstart). ## Contribution Please make sure to read the [Contributing Guide](./.github/CONTRIBUTING.md) before making a pull request. ## Browser Support Modern browsers and Android 4.0+, iOS 8.0+. ## Ecosystem | Project | Description | | --- | --- | | [vant-demo](https://github.com/youzan/vant-demo) | Official vant demo collection | | [vant-weapp](https://github.com/youzan/vant-weapp) | WeChat MiniProgram UI | | [vant-react](https://github.com/mxdi9i7/vant-react) | Vant React (maintained by the community) | | [vant-cli](https://github.com/youzan/vant/tree/dev/packages/vant-cli) | Scaffold for UI library | | [vant-icons](https://github.com/youzan/vant/tree/dev/packages/vant-icons) | Vant icons | | [vant-touch-emulator](https://github.com/youzan/vant/tree/dev/packages/vant-touch-emulator) | Using vant in desktop browsers | ## Links - [Documentation](https://youzan.github.io/vant) - [Changelog](https://youzan.github.io/vant#/en-US/changelog) - [Gitter](https://gitter.im/vant-contrib/discuss?utm_source=share-link&utm_medium=link&utm_campaign=share-link) ## Preview You can scan the following QR code to access the demo: ## LICENSE [MIT](https://en.wikipedia.org/wiki/MIT_License)