logo

Vant

Mobile UI Components built on Vue

npm version npm version Coverage Status downloads Jsdelivr Hits Gzip Size

πŸ”₯ 文摣网站     πŸ‡¨πŸ‡³ δΈ­ζ–‡η‰ˆδ»‹η»     πŸš€ ε°η¨‹εΊη‰ˆ

--- ## 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 i18n - 🌍 Support SSR ## Install ```bash # Install latest Vant for Vue 3 project npm i vant -S # Install Vant 2 for Vue 2 project npm i vant@latest-v2 -S ``` ## Quickstart ```js import Vue from 'vue'; import { Button } from 'vant'; import 'vant/lib/index.css'; Vue.use(Button); ``` See more in [Quickstart](https://vant-ui.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 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](https://github.com/vant-ui/vant-weapp) | WeChat MiniProgram UI | | [vant-demo](https://github.com/vant-ui/vant-demo) | Collection of Vant demos | | [vant-cli](https://github.com/vant-ui/vant/tree/dev/packages/vant-cli) | Scaffold for UI library | | [vant-icons](https://github.com/vant-ui/vant/tree/dev/packages/vant-icons) | Vant icons | | [vant-touch-emulator](https://github.com/vant-ui/vant/tree/dev/packages/vant-touch-emulator) | Using vant in desktop browsers | ## Community Ecosystem | Project | Description | | --- | --- | | [3lang3/react-vant](https://github.com/3lang3/react-vant) | React mobile UI Components based on Vant | | [mxdi9i7/vant-react](https://github.com/mxdi9i7/vant-react) | Mobile UI Components built on React and TS, inspired by Vant | | [vant-aliapp](https://github.com/ant-move/Vant-Aliapp) | Alipay MiniProgram UI | | [taroify](https://gitee.com/mallfoundry/taroify) | Vant Taro | | [vant-theme](https://github.com/Aisen60/vant-theme) | Online theme preview built on Vant UI | | [@antmjs/vantui](https://github.com/antmjs/vantui) | Mobile UI Components based on Vant, supporting Taro and React | | [@formily/vant](https://github.com/formilyjs/vant) | Form solution based on Vant and Formily | ## Links - [Documentation](https://vant-ui.github.io/vant) - [Changelog](https://vant-ui.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)