a2ui-shadcn logoa2ui-shadcn
DocsPlayground

Resources

  • Documentation
  • Playground
  • A2UI Protocol

Community

  • GitHub
  • Issues
  • shadcn/ui

More

  • Tailwind CSS
  • Next.js
  • React

a2ui-shadcn.shahnazar.me

Created by Reza Shahnazar

a2ui-shadcn logo
A2UI Protocol v0.9 Ready

Stream UI from Agents
to React & shadcn

The production-grade renderer that turns JSON into fully interactive shadcn/ui interfaces. Type-safe, customizable, and built for the next generation of AI apps.

Get StartedLive Playground

1. Agent Sends JSON

json

2. User Sees UI

Live

Everything you need for Agent UIs

Built on the robust foundations of shadcn/ui and Tailwind CSS v4.

Full Protocol Support

Complete implementation of A2UI v0.9 including all 30+ components, from layouts to complex inputs.

Reactive Data Store

Built-in Zustand store handles two-way binding and JSON Pointer updates instantly without server round-trips.

RTL Native

First-class support for Right-to-Left languages (Arabic, Hebrew, Persian) with logical properties and automatic layout mirroring.

Type-Safe

Written in TypeScript with comprehensive type definitions for schemas, events, and actions.

Fully Customizable

Override any component, register custom ones, and adapt the theme to match your brand exactly.

High Performance

Optimized for streaming with flat adjacency lists and minimized re-renders.

Drop-in to your app

Get started in seconds with your existing Next.js or React project.

1. Install Package

bash

2. Render Surface

tsx

Explore Documentation

Introduction

Learn about A2UI protocol and how a2ui-shadcn works

Installation

Step-by-step setup guide for Next.js and Vite

Components

Complete reference of 30+ A2UI components

View All Documentation