Official Demos

Explore real-world applications and official demonstrations of A2UI.

Demo Videos

🏡 Landscape Architect Demo

Watch an agent generate all interfaces for a landscape architect application. The user uploads a photo; the agent uses Gemini to understand it and generate a custom form for landscaping needs.

🎬 Watch Video

Highlights:

• Agent analyzes photo content
• Dynamically generates form components
• Streaming UI rendering

📊 Custom Components Demo

Watch an agent choose to respond with chart and map components to answer user questions.

🎬 Watch Video

Highlights:

• Agent intelligently selects chart component for numerical summary questions
• Agent chooses Google Map component for location questions
• Custom component integration provided by the client

Interactive Tools

🛠️ A2UI Composer

The A2UI Widget Builder powered by CopilotKit. Try it online and generate A2UI components.

🔗 Open A2UI Composer

Features:

• Visual component editor
• Real-time generation preview
• Export JSON configuration

Official Resources