Vant Weapp

📱 Dominate the WeChat ecosystem! Vant Weapp brings the power and elegance of Vant to WeChat Mini Programs, making you unstoppable in China's largest mobile platform.

Vant Weapp isn't just a port—it's a masterpiece of Mini Program development. Built with the same meticulous attention to detail and visual excellence as Vant, it provides a seamless bridge between web and WeChat development, ensuring your Mini Programs stand out in the crowded marketplace.

🌟 Why Vant Weapp Dominates Mini Programs

Experience the ultimate Mini Program development toolkit:

• 🎨 70+ Premium Components - Complete coverage for every Mini Program scenario
• 💎 TypeScript Mastery - Enterprise-grade type safety for bulletproof development
• 🔒 Zero Dependencies - Pure, optimized code that WeChat loves
• 🎭 700+ Theme Variables - Unlimited customization for your brand identity
• 🌙 Dark Mode Excellence - Modern UI that adapts to user preferences
• 🌍 30+ Language Packs - Global reach with built-in internationalization
• 📚 World-Class Documentation - Comprehensive guides in Chinese and English
• ⚡ Dual Build Modes - npm and native builds for maximum flexibility

🚀 Installation Made Simple

Choose your preferred installation method and get started instantly:

🎯 Method 1: npm Installation (Recommended)

The modern way to supercharge your Mini Program:

# Install via npm
npm i @vant/weapp -S --production

# Install via yarn
yarn add @vant/weapp --production

# Install via pnpm
pnpm add @vant/weapp --production

📦 Method 2: Direct Source Download

For those who prefer full control:

git clone https://github.com/youzan/vant-weapp.git

Simply copy the dist directory to your project and you're ready to rock! 🎸

⚡ Component Magic in Action

Experience the elegance of Vant Weapp with just a few lines:

1. Import the component in your JSON configuration:

{
  "usingComponents": {
    "van-button": "@vant/weapp/button/index"
  }
}

2. Use it instantly in your WXML:

<van-button type="primary">Button</van-button>

That's it! Your Mini Program just got a major upgrade! ✨

📱 Experience the Magic Live

Don't just read about it—experience it! Scan the Mini Program QR code below with WeChat and see Vant Weapp in action:

[Mini Program QR Code Image]

📚 Essential Resources

Your gateway to Mini Program mastery:

• 📖 Official Documentation - Your complete development companion
• 💻 GitHub Repository - Join the thriving community

---

Related Docs

Master the complete Vant ecosystem and accelerate your development:

• 🌟 Vant 4 - The latest web component library
• 🔄 Vant 3 - Vue 3 component excellence
• 📜 Vant 2 - Legacy Vue 2 support