The Tool: You don’t write HTML by hand anymore (usually). Why write JSON? A2UI Composer is your visual sketching pad.

What is it?

A2UI Composer is a browser-based IDE (Integrated Development Environment) for Generative UI.

Launch Composer

Key Features

1. Natural Language to UI

Type “A flight booking card with a map and a price tag.” Result: A fully formed A2UI JSON schema.

2. Visual Preview

See exactly how your components will look in a real application. Test “dark mode” and “mobile view” instantly.

3. Interactive State

Click the buttons. Type in the forms. Verify that your data binding (/user/name) is working correctly before you write a single line of backend code.

Workflow

Sketch: Use the Composer to generate a flight-card.
Export: Copy the generated JSON Schema.
Embed: Paste the schema into your Agent’s SYSTEM_PROMPT.
Ship: Your Agent now knows how to draw flight cards.