Skip to content
← 查看全部应用
AutoOS 旗舰应用
Alpha

AutoUI Apps:界面即代码

数十个 Demo 与完整的 Widgets Gallery,全部用 Auto 语言实现。 一份 .at 声明,同时生成 Web(Vue)与桌面(iced)两端 —— 下面就是活的画廊,不是截图。

AutoUI Apps 速览

46+
基础组件
按钮到日历、图表到布局,语义化组件目录。
24
区块 Blocks
导航、页脚、定价表等成套页面区段。
30+
Demo 应用
Hero 区、定价表、聊天、扫雷、画板、视频…
2
渲染后端
Vue(Web)与 iced(桌面)逐项 parity 对拍。
活体演示

活的 Widgets Gallery

下面的画廊是真实运行的应用 —— Vue 实现直接跑在你的浏览器里。同一份 .at 源码,在桌面上由 iced 原生渲染。

  • 组件目录 —— 按钮、表单、对话框、图表、标签页……点开即试。
  • 主题与 accent —— 暗色/亮色与五档主题色实时切换。
  • 移动端适配 —— gallery_mobile 模式一键预览。
/ui/gallery/ — 实时运行
双端一致

Demo 矩阵与双端一致性

每个 Demo 都是完整的 .at 工程;VM 实拍与 Vue 实拍逐项对拍,一致性由体系保证而非口头承诺。

  • 全栈示例 —— 015-notes:Vue 前端 + Rust 后端,由 Auto 生成。
  • 桌面 Demo —— iced 应用,支持热重载与类 Chrome 的 DevTools。
  • MCP 协议 —— Agent 可对 AutoUI 界面进行任意操作与查询。
Widgets Gallery 桌面形态(VM)
006 Hero Section
008 Pricing Table
009 Article Feed
015 Notes(全栈)
017 Chat
038 Minesweeper

AutoUI 的三层能力

🌐

Web(Beta)

能复刻大部分基于 Vue.js 的网站。

🖥️

Desktop(Alpha)

Rust/iced 原生渲染,VM 与 a2r 双轨可用,相当于自带热重载。

📱

移动端(POC)

鸿蒙与 Android 通过可行性验证,可运行 Demo。

🤖

Agent 友好

MCP 协议让 AI 直接操作与验证界面 —— AI 时代的 UI 框架。

基于 MIT 许可发布。