🎨 Vant Mobile UI🚀 The Ultimate Vue 3 Mobile UI Library

🌟 Why Choose Vant? ​

Vant is the most popular and trusted mobile UI library for Vue.js, crafted with precision by the Youzan front-end team. Since its open-source debut in 2017, Vant has evolved through 7 years of continuous innovation, serving millions of developers worldwide.

🌟 Key Advantages:

• Battle-tested by thousands of production applications
• Community-driven with 23k+ GitHub stars and active contributors
• Multi-platform support across Vue 2, Vue 3, and WeChat Mini Programs
• Enterprise-grade reliability with comprehensive testing

🚀 Comprehensive Features ​

Unlock the full potential of mobile development with our enterprise-grade component ecosystem

✨ Core Highlights ​

• 🚀 Lightning Fast: 1KB component average size (min+gzip) with optimized performance
• 🚀 Rich Components: 80+ high-quality components covering every mobile UI need
• 🚀 Zero Dependencies: No third-party dependencies for maximum reliability
• 💪 Production Ready: Battle-tested in thousands of real-world applications
• 💪 TypeScript First: Written in TypeScript with comprehensive type definitions
• 📖 Complete Documentation: Extensive documentation, demos, and design resources
• 🎨 Highly Customizable: Flexible theming system with CSS variables
• ⚡ Modern Architecture: Composition API and Vue 3 best practices

🍭 Framework & Platform Support ​

• 🔧 Multi-Framework: Vue 2, Vue 3, and WeChat Mini Program versions
• 🍭 Nuxt Integration: Support Nuxt 2 & Nuxt 3 with Vant Module
• 🍭 Tree Shaking: Import only what you need for optimal bundle size
• 🍭 Custom Theming: Powerful theme customization system
• 🍭 Accessibility: Comprehensive accessibility support (continuously improving)
• 🍭 Dark Mode: Built-in dark mode support
• 🍭 SSR Ready: Server-side rendering support
• 🌍 Globally Accessible: Built-in internationalization for 30+ languages
• 📱 Mobile Optimized: Touch-friendly interactions and responsive design
• 👨‍💻 Developer Friendly: Full TypeScript support and rich documentation

🏗️ Recommended Scaffold ​

We recommend using Rsbuild to create your project scaffold.

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

# Create a new Rsbuild project
npm create rsbuild@latest

🌐 Browser Support ​

📋 Maintenance Status ​

Version	Framework	Release Date	Latest Version	Status
Vant 4	Vue 3	2022.12		🟢 Long-term support
Vant 3	Vue 3	2020.12		🔴 End of life
Vant 2	Vue 2	2019.06		🔴 End of life
Vant 1	Vue 2	2018.03		🔴 End of life

🎯 Rich Components

60+ production-ready components covering every mobile UI need

⚡ Lightweight & Efficient

Tree-shaking enabled, import only what you need for optimal performance

🔷 TypeScript

Full type safety with comprehensive definitions and IntelliSense support

🎨 Theme Customization

Powerful theming system with CSS variables and design tokens

📊 Technical Advantages ​

Experience the cutting-edge technology that powers millions of mobile applications worldwide

🎯 Quick Experience ​

Ready to transform your mobile development? Start your journey with Vant today!

🌍 Rich Ecosystem & Thriving Community ​

Discover the powerful ecosystem built around Vant, featuring official tools, community projects, and developer resources.

🏢 Official Projects ​

Core libraries and tools maintained by the Vant team:

Project	Description	Version
🎨 vant	Vue 3 version of Vant - The flagship mobile UI library
📱 vant-weapp	WeChat Mini Program version - Native mini-program components
🔧 vant-use	Essential Vue Composition Utilities - Powerful hooks collection
⚡ vant-nuxt	Vant module for Nuxt - Seamless SSR integration
🛠️ vant-cli	Component library scaffold - Build your own UI library
🎯 vant-icons	Comprehensive icon collection - 500+ beautiful icons
🎯 vant-demo	Collection of Vant implementation demos - Real-world examples
🖥️ vant-touch-emulator	Desktop browser touch emulation - Perfect for development

🤝 Community Projects ​

Amazing projects built by our vibrant community:

Project	Description	⭐ Stars
⚛️ react-vant	React mobile UI Components based on Vant design system
💰 vant-aliapp	Alipay MiniProgram UI components with Vant styling
🔄 @antmjs/vantui	Vant for Taro and React ecosystem - Cross-platform solution
🎨 vant-theme	Online theme preview and customization tool
📱 vue3-h5-template	Vue 3 mobile project template with best practices
🚀 vue3-vant-mobile	Ready-to-use mobile project template
🔥 nuxt-vant-mobile	Nuxt 4 project template with Vant integration
✨ mobvue	Well-crafted mobile web app template
🦄 press-ui	Uni-app mobile UI components based on Vant

🎮 Interactive Playgrounds ​

Try Vant instantly without any setup:

• 🎯 Vant Playground - Official online playground with live examples
• 📦 vant-playground - Interactive Vant playground for experimentation
• ⚡ sfc-playground-vant - Vue SFC playground with Vant components
• 🔧 CodeSandbox Templates - Ready-to-use project templates for quick prototyping
• ⚡ StackBlitz Examples - Interactive code examples with instant preview

🛠️ Developer Tools ​

Enhance your development experience with these powerful tools:

• 💻 Vant VSCode Extension - Code snippets, IntelliSense, and auto-completion
• 🔍 raycast-vant-docs - Raycast extension for quick Vant documentation access
• ⚙️ Vant CLI - Complete component development and build toolkit
• 📚 Vant DevTools - Browser extension for component debugging and inspection

📚 Documentation & Resources ​

Essential guides and resources for mastering Vant development

📖 Getting Started ​

• ⚡ Quick Start - Get up and running in minutes
• 🎨 Design Guidelines - Design principles and best practices
• 📱 Mobile Best Practices - Mobile development guidelines

⚙️ Configuration & Customization ​

• 🌍 Internationalization - Multi-language support
• 🎯 Use Cases - Real-world implementation examples

🆘 Support & Community ​

• ❓ FAQ - Frequently asked questions
• 📞 Contact Us - Get professional support
• 💬 Discussions - Community discussions
• 🐛 Issues - Bug reports and feature requests
• 📝 Changelog - Release notes and updates

🤝 Join Our Thriving Community ​

Be part of the movement that's shaping the future of mobile UI development. Join thousands of developers worldwide who contribute to and benefit from Vant's open-source ecosystem.

👥 Meet Our Core Team ​

The passionate developers behind Vant's success - bringing years of expertise in mobile UI and Vue.js development:

chenjiahan 🚀 Project Lead	cookfront ⚡ Core Developer	wangnaiyi 🎨 UI/UX Expert	pangxie 🔧 Architecture	rex-zsd 📱 Mobile Specialist	nemo-shen 🛠️ DevOps

Lindysen 📚 Documentation	JakeLaoyu 🧪 Testing	landluck 🌐 Ecosystem	wjw-gavin 🔍 Quality Assurance	inottn ⚙️ Build Tools	zhousg 🎯 Performance

🌟 Our Amazing Contributors ​

Vant's success is powered by an incredible community of contributors from around the world. Every contribution, no matter how small, makes a difference!

📊 Community Stats:

• 🌟 23,000+ GitHub Stars
• 👥 500+ Active Contributors
• 🔄 10,000+ Pull Requests
• 🐛 5,000+ Issues Resolved
• 📦 50M+ Monthly Downloads

🚀 How to Contribute ​

Ready to make your mark on Vant? Here's how you can get involved:

🎯 Ways to Contribute ​

• 🐛 Report Bugs - Help us identify and fix issues
• ✨ Suggest Features - Share your ideas for new components or improvements
• 📝 Improve Documentation - Help make our docs clearer and more comprehensive
• 🔧 Submit Code - Contribute bug fixes, new features, or optimizations
• 🌍 Translate - Help us support more languages
• 💬 Help Others - Answer questions in discussions and issues

📋 Getting Started ​

1. 📖 Read our Contributing Guide - Essential reading before your first contribution
2. 🍴 Fork the repository and create your feature branch
3. 🧪 Write tests for your changes to ensure quality
4. 📝 Follow our coding standards and commit message conventions
5. 🚀 Submit a pull request with a clear description of your changes

💡 First-Time Contributors ​

New to open source? No problem! Look for issues labeled with:

• 🟢 good first issue - Perfect for beginners
• 🆘 help wanted - We'd love your assistance
• 📚 documentation - Great way to start contributing

📄 Open Source License ​

Vant is proudly open source and free forever!

Licensed under the MIT License - use it in personal projects, commercial applications, or anywhere you need beautiful mobile UI components. No restrictions, just innovation! 🎉