Skip to content
AutoUI Alpha

一套 UI,全平台运行

用 Auto 编写一次 UI。为 Web 生成 Vue,为桌面生成 Rust/iced, 为移动平台生成原生代码 —— 全部来自同一份源码。

v0.5 中的 AutoUI

46+
Vue 组件
shadcn-vue 复刻,生产可用。
24
区块
预构建页面区块:登录、仪表盘、侧边栏等。
4
平台
Web(Vue/Tauri)、桌面(iced)、Android、鸿蒙。
2
DevTools
F12 检查器与 MCP,支持 AI 驱动的 UI 开发。

支持平台

🌐

Web Beta

Vue 3 + Tauri。可复刻大部分基于 Vue 的网站。生产可用。

探索 →
🖥️

桌面 Alpha

Rust/iced 后端。VM 与 A2R 双模式支持 —— 相当于热重载。

内置 DevTool
🤖

Android Demo

Jetpack Compose 后端。可行性已通过 Demo 验证。

v0.6 目标
🌏

鸿蒙 Demo

ArkTS 后端。可行性已通过 Demo 验证。

v0.6 目标
Web

Web —— Vue 与 Tauri

最成熟的 AutoUI 后端。从 Auto view 块生成 Vue 3 应用,或通过 Tauri 包装为桌面级 Web 应用。

  • 46+ shadcn-vue 组件 —— 按钮、表格、表单、对话框等
  • 区块 —— 预构建的登录、仪表盘、侧边栏与设置页面
  • 图表 —— 基于 Unovis 的面积图、柱状图、折线图与环形图
  • Tauri IPC —— #[tauri::command] 与 Channel 支持桌面集成
桌面

桌面 —— Rust/iced

跨平台桌面应用,具备原生性能。支持 AutoVM 与 A2R 两种执行模式。

  • VM 模式 —— 在 AutoVM 中直接运行桌面 UI,支持热重载
  • A2R 模式 —— 转译为 Rust/iced 生成生产级二进制
  • 类 Chrome DevTool —— 检查组件树、属性与控制台
  • MCP 协议 —— 让 AI Agent 查询和操作 AutoUI 界面
desktop.at
view MainWindow {
    column(padding: 20) {
        text("Hello, Desktop!")
        button("Click me", on_click: handle)
    }
}
移动端

移动端 —— Android 与鸿蒙

从同一份 Auto 源码生成原生移动 UI。当前处于可行性验证阶段,v0.6 目标为可用 Beta。

  • Android —— Jetpack Compose 后端。Demo 应用已验证。
  • 鸿蒙 —— ArkTS 后端。Demo 应用已验证。
  • 共享 Widgets —— 同一套 AutoUI 组件定义跨所有平台复用
  • Widgets Gallery —— 数十个 Auto 实现的 Demo,验证概念可行性
Android
鸿蒙
Compose
ArkTS

AutoUI 优势

📝

单一源码

一个 Auto view 块可编译为 Vue、iced、Compose 与 ArkTS。无需平台特定重写。

🔥

热重载

VM 模式提供即时反馈。A2R 模式提供生产级性能。

🔍

内置 DevTools

F12 检查器,含组件树、属性编辑器与控制台。Chrome DevTools 的 AutoUI 版。

🤖

MCP for AI

AI Agent 可通过 MCP 协议查询和操作你的 UI。自动化 UI 测试与开发。

🎨

Tailwind 桥接

在 AutoUI 中使用 Tailwind 风格工具类。熟悉的样式写法,原生输出。

📦

Widget 生态

数十个 Demo 与完整 Widgets Gallery,全部使用 Auto 实现。

构建你的第一个 AutoUI 应用

从组件画廊开始,或深入文档构建完整应用。

基于 MIT 许可发布。