Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up

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

License

NotificationsYou must be signed in to change notification settings

youzan/vant

Repository files navigation

logo

Vant

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

npm versionCoverage Statusdownloads

Documentation   ·  Documentation (backup)   ·  中文介绍


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, provideVant Module for Nuxt
  • 🍭 Support Tree Shaking
  • 🍭 Support Custom Theme
  • 🍭 Support Accessibility (still improving)
  • 🍭 Support Dark Mode
  • 🍭 Support SSR
  • 🌍 Support i18n, built-in 30+ languages

Install

Usingnpm to install:

# install latest Vant for Vue 3 projectnpm i vant# install Vant 2 for Vue 2 projectnpm i vant@latest-v2

Usingyarn,pnpm, orbun:

# with yarnyarn add vant# with pnpmpnpm add vant# with Bunbun add vant

Scaffold

It is recommended to useRsbuild to create a scaffold project.

Rsbuild is a build tool based on Rspack, developed by the author of Vant, with first-class build speed and development experience, providing first-priority support for Vant.

You can create a Rsbuild project with the following command:

npm create rsbuild@latest

Please visit theRsbuild repository for more information.

Quickstart

import{createApp}from'vue';// 1. Import the components you needimport{Button}from'vant';// 2. Import the components styleimport'vant/lib/index.css';constapp=createApp();// 3. Register the components you needapp.use(Button);

See more inQuickstart.

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).

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
vant-themeOnline theme preview built on Vant UI
@antmjs/vantuiMobile UI Components based on Vant, supporting Taro and React
TaroifyTaroify is the Taro version of Vant
vant-playgroundVant Playground
sfc-playground-vantVant Playground
vue3-h5-templateMobile project template based on Vant
vue3-vant-mobileMobile project template based on Vant
vscode-common-intellisenseA VS Code extension that provides better intellisense to Vant developers
nuxt-vant-mobileNuxt project template based on Vant, out of the box
mobvueA well-crafted mobile web app template

Links

Preview

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

Core Team

Core contributors of Vant and Vant Weapp:

chenjiahancookfrontw91pangxie1991rex-zsdnemo-shen
chenjiahancookfrontwangnaiyipangxierex-zsdnemo-shen
LindysenJakeLaoyulandluckwjw-gavininottnzhousg
LindysenJakeLaoyulandluckwjw-gavininottnzhousg

All Contributors

Thanks to the following friends for their contributions to Vant:

contributors

Contribution Guide

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

Start On Web IDE

https://github.dev/youzan/vant

LICENSE

Vant isMIT licensed.


[8]ページ先頭

©2009-2025 Movatter.jp