AutoUI Apps: UI as Code
Dozens of demos and a complete Widgets Gallery, all implemented in the Auto language. One .at declaration generates both Web (Vue) and desktop (iced) ends — the live gallery is right below, not a screenshot.
AutoUI Apps at a Glance
A Live Widgets Gallery
The gallery below is a real running app — the Vue implementation runs right in your browser. The same .at source renders natively on desktop via iced.
- Component catalog — buttons, forms, dialogs, charts, tabs… click and try.
- Themes & accents — dark/light and five accent tiers switch in real time.
- Mobile layout — one-click preview via the gallery_mobile mode.
The Demo Matrix and Cross-Backend Consistency
Every demo is a complete .at project; VM captures and Vue captures are compared item by item — consistency guaranteed by the system, not by promises.
- Full-stack example — 015-notes: a Vue frontend + Rust backend, generated by Auto.
- Desktop demos — iced apps with hot reload and Chrome-style DevTools.
- MCP protocol — agents can operate and query AutoUI interfaces freely.
AutoUI's Three Layers
Web (Beta)
Can replicate most websites built on Vue.js.
Desktop (Alpha)
Native rendering via Rust/iced, available on both the VM and a2r tracks — effectively hot reload built in.
Mobile (POC)
HarmonyOS and Android have passed feasibility checks and can run demos.
Agent-Friendly
The MCP protocol lets AI operate and verify the UI directly — a UI framework for the AI era.