vant-weapp

To add UI components to a WeChat MiniProgram, install the Vant Weapp library via npm and register the desired components in your app.json or per-page JSON files. This enables ready-to-use WXML tags for rapid interface assembly.

A catalog of over 50 WeChat MiniProgram UI components is available, including buttons, cells, grids, navigation bars, tabs, toasts, and dialogs. These ready-to-use components cover common mobile interface needs without writing native WXML primitives.

Register Vant Weapp components globally by listing them in the app.json file, or per-page by adding them to individual page JSON files. Proper registration enables tree-shaking and ensures optimal build size for your MiniProgram.

No, you must run npm install @vant/weapp to add the component library to your project before usage. After installation, register the components in your JSON configuration files to start using the tags in your WXML pages.

Yes, Vant Weapp UI components adhere to WeChat MiniProgram standards and support rpx-based styling. This ensures responsive layout adaptation across different screen sizes for native WXML and WXSS interfaces.

The best way to reduce build size is through proper component registration. By registering components per-page in JSON files rather than globally in app.json, you enable tree-shaking to eliminate unused components from the final build.