#GenUI for Lynx

Lynx Stack provides four Generative UI integrations: A2UI, OpenUI, ReactLynx, and Lynx XML. A2UI and OpenUI keep generated output as data and render components trusted by the Lynx application. Lynx XML generates complete executable page artifacts using Vanilla Lynx.

#Choose an integration

Choose the integration your Agent and host support. A2UI and OpenUI require matching component contracts on the prompt and renderer sides. Lynx XML needs a host that loads .lynxml artifacts, with matching prompt and transformation options. Use one format from generation to rendering for each generated surface.

ReactLynx generates App.tsx and App.css, compiles Web and Native bundles, and loads them in a Lynx host. It fits complete interactive pages authored with React components and hooks. Use @lynx-js/genui/reactlynx for the prompt, source validation, and Node.js compiler; your backend publishes the emitted assets.

#Documentation

#A2UI

• Introduction
• Overview and architecture
• Catalogs and components
• System prompts

#OpenUI

• Introduction
• Overview and architecture
• Libraries and components
• System prompts

#ReactLynx

• Introduction
• Overview and architecture
• Source and builds
• System prompts

#Lynx XML

• Introduction
• Overview and architecture
• Artifacts and validation
• System prompts

#Playground

Use the GenUI Playground to inspect the built-in A2UI and OpenUI component sets, or generate and preview ReactLynx pages and Lynx XML artifacts.

To build your own preview app with the hosted Web renderer and native Lynx bundles, follow Build a playground. The quick start uses the same A2UI messages for both previews, without compiling a renderer locally.