Need help with vant?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

youzan
17.3K Stars 8.8K Forks MIT License 7.7K Commits 22 Opened issues

Description

Lightweight Mobile UI Components built on Vue

Services available

!
?

Need anything else?

Contributors list

logo

Vant

Mobile UI Components built on Vue

npm version CI Status Coverage Status downloads Jsdelivr Hits Gzip Size

🔥 文档网站(国内)   🌈 文档网站(GitHub)   🇨🇳 中文版介绍


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

# Install Vant 2 for Vue 2 project
npm i vant -S

Install Vant 3 for Vue 3 project

npm i [email protected] -S

Quickstart

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

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

See more in Quickstart.

Contribution

Please make sure to read the Contributing Guide 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).

Ecosystem

| Project | Description | | --- | --- | | vant-weapp | WeChat MiniProgram UI | | vant-aliapp | Alipay MiniProgram UI (maintained by the community) | | vant-react | Vant React (maintained by the community) | | vant-use | Collection of Vant Composition APIs | | vant-demo | Collection of Vant demos | | vant-cli | Scaffold for UI library | | vant-icons | Vant icons | | vant-touch-emulator | Using vant in desktop browsers |

Links

Preview

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

LICENSE

MIT

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.