A2UI's Alder reference app uses a 60-component catalog for cross-platform conversational styling and a synchronized dressing room
A2UI's official examples directory listed L+R's Alder on November 11. The dual-screen conversational styling reference app uses Flutter, GenUI, and Genkit Dart. An agent composes from 60 commerce components, mobile and web synchronize discovery with a dressing room, and host code validates catalog and basket state locally.
Why it matters
Alder turns the protocol principle of model-described UI with host-owned components and business state into a retail flow. Its inspectable catalog, raw A2UI messages, and responsive layouts give teams a concrete sample for evaluating design systems, data binding, basket actions, and cross-device consistency.
A closer look
A shopper describes an occasion, budget, and preferences, after which the interface shows product cards, outfit combinations, fit and budget controls, and a synchronized dressing room. The official directory links preview, App UI, Catalog, live demo, Figma, and GitHub. Google's 1.0 launch also names Alder as a partner example. L+R says the source is Apache 2.0 and that the host retains inventory, pricing, validation, and action control.
Who this is for
Product, design, frontend, and agent-platform teams evaluating A2UI, Flutter GenUI, retail discovery, conversational commerce, or cross-platform component catalogs.
Original sources
- A2UI official showcase, Google launch post, and L+R implementation report ↗a2ui.org
- Google A2UI 1.0 partner showcase list ↗developers.googleblog.com
- L+R implementation report ↗www.levinriegner.com
Revisions & corrections (1)
— Evidence-complete catch-up after the previously inaccessible practice page became readable and the official A2UI directory independently confirmed the implementation.