跳到主要内容
weapp.js.org
返回工具栈
稳定
组件与交付
H5WeChatVue 3weapp-viteTailwind CSSVue 3H5weapp-vite

Varo

双端移动 UI Registry

Varo 通过 Registry 向 H5 与 Wevu 小程序交付可编辑组件源码、业务 Blocks 与 Agent UI,并保留各端原生渲染。

维护者:daguanren21 and contributors

Varo Registry-first 文档首页展示 H5 与小程序双端安装路径
Varo 文档首页展示 Registry-first 双端组件交付路径。

安装

适合需要在 H5 与小程序之间共享交互语义、组件源码和业务 Blocks 的 Vue 3 团队。

pnpm dlx @varo-ui/cli add --target weapp button input card

真实运行结果

以下截图来自项目官方仓库中的 demo 或回归基线,并在本站本地化保存。

Varo Registry-first 文档首页展示 H5 与小程序双端安装路径
Varo 文档首页展示 Registry-first 双端组件交付路径。
Varo Agent UI 完整对话与工具界面
Agent UI 与 Agent Chat Block 提供对话、工具调用与审批交互。

工程证据

Registry 安装命令

从一段真实的配置、命令或边界说明开始判断项目是否适合你的工程。

terminal稳定
pnpm dlx @varo-ui/cli add \
  --target weapp \
  button input card

核心能力

  • 56 个 H5 Registry 组件族
  • 45 个小程序 Registry 组件族
  • Registry 与 Agent UI
  • Vue 3 + Wevu 双端原生渲染

常见用法

  1. 01从 Registry 安装可编辑的 H5 或小程序组件源码
  2. 02复用双端业务 Blocks 与 Agent UI
  3. 03基于 headless primitives 和主题 token 构建设计系统

支持平台

H5WeChatVue 3weapp-viteTailwind CSS
当前版本
v2.1.0
2026年9月13日
周下载
195
GitHub Stars
2

常见问题

Varo 和传统 npm 组件库有什么不同?

Varo 默认通过 Registry 把组件与 Blocks 源码安装到业务项目中,团队可以直接修改并拥有这些源码。

Varo 支持哪些运行时?

H5 使用 Vue 3,小程序使用 Wevu 与 weapp-vite;两端共享类型、纯函数和 headless primitives。

未来文档路径

/docs/varo/

聚合文档上线后,此路径将成为 canonical 地址。

统计偏好

百度统计和 Google Analytics 在正式站点默认启用,用于了解访问与有限交互。你可以随时关闭。