Plugins
This page provides commonly used plugin resources for uni-app development to help developers quickly implement various functional requirements.
Table of Contents
Official Plugins
uni-ui Component Library
uni-ui is a cross-platform UI library provided by DCloud. It is an extension component library based on uni-app, providing a series of rich components that can help developers quickly build feature-complete and well-experienced applications.
| Component Name | Description | Documentation | Download Link |
|---|---|---|---|
| uni-ui | Official UI component library with 30+ common components | Documentation | Download |
| uni-app Official Extension Components | Extension components officially provided by uni-app | Documentation | Download |
Cloud Integration Plugins
DCloud's cloud integration solutions help developers quickly implement cloud data interaction.
| Plugin Name | Description | Documentation | Download Link |
|---|---|---|---|
| uniCloud | Cloud development platform based on serverless mode and JS programming | Documentation | Download |
| uni-id | Unified account specification | Documentation | Download |
| uni-pay | Unified payment specification | Documentation | Download |
| uni-starter | Application starter project template integrated with uniCloud | Documentation | Download |
Third-Party Plugins
UI Component Libraries
Excellent third-party UI component libraries providing rich interface components.
| Plugin Name | Description | Preview | Download Link |
|---|---|---|---|
| uView UI | Comprehensive UI components and function library |  | Download |
| ThorUI | Lightweight, simple mobile component library |  | Download |
| Color UI | Bright high-saturation color UI component library |  | Download |
| Grace UI | Elegant UI component library |  | Download |
| FirstUI | Comprehensive, efficient mobile component library |  | Download |
Functional Plugins
Practical functional plugins to help developers quickly implement specific features.
Chart Plugins
| Plugin Name | Description | Preview | Download Link |
|---|---|---|---|
| echarts-for-uniapp | Chart component based on echarts |  | Download |
| ucharts | Lightweight cross-platform charts |  | Download |
| v-charts | Chart component based on Vue2.0 and echarts |  | Download |
Map Plugins
| Plugin Name | Description | Preview | Download Link |
|---|---|---|---|
| Tencent Location Service | Location service based on Tencent Maps |  | Download |
| Amap | Map service based on Amap Open Platform |  | Download |
| Baidu Maps | Location service based on Baidu Maps |  | Download |
Payment Plugins
| Plugin Name | Description | Download Link |
|---|---|---|
| WeChat Pay | WeChat payment functionality wrapper | Download |
| Alipay | Alipay payment functionality wrapper | Download |
| Unified Payment | Integration of WeChat, Alipay, UnionPay and other payment methods | Download |
Media Plugins
| Plugin Name | Description | Preview | Download Link |
|---|---|---|---|
| Image Cropper | Image cropping functionality component |  | Download |
| Video Player | Enhanced video player component |  | Download |
| Audio Player | Custom audio player component |  | Download |
| QR Code Generator | QR code generation and scanning component |  | Download |
Data Processing Plugins
| Plugin Name | Description | Download Link |
|---|---|---|
| Data Validation | Form data validation tool | Download |
| Date Processing | Date formatting and processing tool | Download |
| Encryption Tools | Common encryption algorithm toolkit | Download |
| Local Storage | Enhanced local storage tool | Download |
Native Plugins
Native plugins wrap native code (such as Java, Objective-C, Swift, etc.) into plugins usable by uni-app, extending uni-app's native capabilities.
Official Native Plugins
| Plugin Name | Description | Supported Platforms | Download Link |
|---|---|---|---|
| Audio Recording | Audio recording functionality native plugin | Android, iOS | Download |
| Bluetooth | Bluetooth functionality native plugin | Android, iOS | Download |
| Fingerprint Recognition | Fingerprint recognition functionality native plugin | Android, iOS | Download |
| Speech Recognition | Speech recognition functionality native plugin | Android, iOS | Download |
Third-Party Native Plugins
| Plugin Name | Description | Supported Platforms | Download Link |
|---|---|---|---|
| Amap Location | Location functionality based on Amap | Android, iOS | Download |
| WeChat Share | WeChat sharing functionality | Android, iOS | Download |
| Push Notifications | Message push functionality | Android, iOS | Download |
| Face Recognition | Face recognition and liveness detection | Android, iOS | Download |
How to Use Plugins
Method 1: Import Plugins via HBuilderX
- Open HBuilderX, click the "Plugin" menu
- Select "Plugin Market"
- Search for the required plugin
- Click the "Install" button
- Configure and use according to plugin documentation
Method 2: Manual Download and Installation
- Download the plugin archive from the plugin market
- Extract the plugin to the project directory
- Import the plugin in the project
- Configure and use according to plugin documentation
Using uni_modules Plugins
uni_modules is a plugin modularization specification launched by DCloud, making usage more convenient:
- Select uni_modules compliant plugins in the plugin market
- Click "Import Plugin with HBuilderX"
- HBuilderX will automatically import the plugin to the project's uni_modules directory
- Use according to plugin documentation
Plugin Development and Publishing
If you want to develop your own plugins and publish them to the plugin market, you can follow these steps:
- Develop the plugin, ensuring complete functionality and multi-platform compatibility
- Organize plugin directory structure according to uni_modules specification
- Write detailed plugin documentation and usage instructions
- Register a developer account on DCloud Plugin Market
- Submit plugin for review
- Publish plugin after review approval
For detailed plugin development guide, please refer to uni-app Plugin Development Documentation.
FAQ
What to do if plugins don't work after installation?
- Check if the plugin is compatible with the current uni-app version
- Confirm if the plugin is correctly imported and configured
- Review notes in plugin documentation
- Check console for error messages
- Seek help in plugin comments or community
How to update installed plugins?
For plugins installed via HBuilderX:
- Open HBuilderX, click "Plugin" menu
- Select "Installed Plugins"
- Find the plugin to update, click "Update" button
For uni_modules plugins:
- Find the plugin in the plugin market
- Click "Update Plugin"
- HBuilderX will automatically update the plugin in the project
How to resolve plugin conflicts?
- Check if there are multiple plugins with similar functionality
- Review plugin dependencies to avoid dependency conflicts
- Try using different versions of plugins
- Contact plugin authors for solutions