Demo
uView Pro X offers live demos across platforms — App, H5, WeChat Mini Program, and HarmonyOS — so you can experience components' native rendering on a real device.
Online preview
Every component doc page embeds a phone-frame preview (DemoModel) right below the title, loading that component's demo page for direct interaction. The preview points to the H5 demo site by default and automatically follows the docs site's current language, switching zh-CN / en-US.
Demo pages are grouped by function (Basic / Form / Data / Feedback / Layout / Navigation / Others) with routes like /pages/basic/button/index, mapping one-to-one to the "Examples" sections in the docs.
Scan to try
In the home page "Scan to try" section (DemoScan) you will find QR codes for each platform. Scan to open the demo on the matching platform:
| Platform | How to try |
|---|---|
| App | Scan to download and install on Android / iOS |
| H5 | Scan in a browser to open instantly |
| WeChat Mini Program | Scan with WeChat to try |
| HarmonyOS | Native HarmonyOS experience |
Run the demo locally
The demo project is the same project that hosts the component library source. After cloning, install dependencies and open it in HBuilderX, or start the H5 dev server from the CLI (default port 9000), then visit http://localhost:9000/#/ in a browser to browse all demo pages.
- H5: runs directly in the browser, ideal for quickly verifying interaction and styling.
- App: run on a device or emulator to verify native rendering and platform capabilities.
- WeChat Mini Program: set the mini-program appid and run to the mini-program simulator.