跳到主要内容
weapp.dev
返回工具栈
稳定版

Varo

跨运行时组件系统的生产底座

为 H5 与 weapp-vite 小程序提供 registry-first primitives、组件封装、主题 token、业务 Blocks 和 Agent UI,通过 CLI 交付可编辑源码与校验能力。

Varo 文档首页展示跨运行时组件系统能力
Varo 以 primitives、可复制源码与交付校验统一 H5 和小程序组件系统。

安装

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

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

真实运行结果

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

Varo 文档首页展示跨运行时组件系统能力
Varo 以 primitives、可复制源码与交付校验统一 H5 和小程序组件系统。
Varo Agent UI 完整对话与工具界面
36 个双端 Agent UI 组件与 Agent Chat Block 共享同一事件协议。

核心能力

  • 56 个双端 runtime 组件族
  • 45 个小程序 Registry 组件族
  • 36 个双端 Agent UI
  • Registry-first 源码交付

常见用法

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

支持平台

H5WeChatVue 3weapp-viteTailwind CSS
当前版本v1.2.02026年8月29日
周下载561
GitHub Stars2

常见问题

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

Varo 的主要交付物是可复制、修改并归业务项目所有的组件与 Blocks 源码,而不是只能从外部覆盖样式的黑盒 UI 包。

Varo 当前支持哪些运行时?

Registry 的目标标识为 h5 与 weapp;小程序组件接入 weapp-vite。两端都维护 56 个 runtime 组件族,小程序 Registry 当前开放 45 个高共识组件族。

未来文档路径

/docs/varo/

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

统计偏好

Cloudflare 无 Cookie 基础统计始终启用。百度统计和 Google Analytics 默认用于了解访问与关键交互,你可以随时关闭。