a2ui-vueVue 3 Renderer for A2UI Protocol

Let AI Agents render rich, interactive UIs directly in your Vue apps — with nothing but structured JSON messages

Get Started

View Samples

GitHub

Agent-to-UI Protocol

Based on the open A2UI protocol, AI Agents describe UI intent via structured JSON messages — no knowledge of frontend implementation required.

Vue 3 Native

Built with Composition API and <script setup>, full TypeScript support, seamlessly integrated with the Vue ecosystem.

Rich Component Library

20+ built-in components covering layout, content, media, and input — extensible with custom Catalog support.

Theme System

Built-in defaultTheme with custom theme injection via provideA2UI, easily adapting to your product design system.

Easy Integration

Published in both ESM and CJS formats — just three lines of code to add A2UI rendering to any Vue app.

Monorepo Project

Includes Vue Renderer, Web Core, Node.js Agent SDK, and multiple full-featured demo applications.

This project brings complete Vue 3 support to the A2UI protocol — a brand-new Vue 3 renderer built with the Composition API, along with multiple sample applications. It maintains protocol spec and component parity with the official Angular and Lit implementations by Google. See the sample videos or download to try it out.

Quick Start

Three lines to A2UI rendering

Install the package, wire up the config in your entry file, and you're ready to render agent-driven surfaces.

bash

npm install a2ui-vue

// main.ts
import { provideA2UI, DEFAULT_CATALOG, defaultTheme } from 'a2ui-vue'

provideA2UI({ app, catalog: DEFAULT_CATALOG, theme: defaultTheme })

Ready to let an Agent drive your UI?

Read the full guide, or jump straight into the Playground to try live A2UI JSON rendering.