A2NUIComponent Library
The bridge between AI-generated abstract interfaces and production Nuxt UI components. Every A2UI standard catalog component, rendered natively — ready for the fun.
Built for AI-Generated UI
What the AI generates, you see — instantly. Every component maps to native Nuxt UI widgets.
Display Components
Text, Image, Icon, Video, and AudioPlayer — all rendering natively with proper variants and sizing.
Layout Components
Row, Column, List, Card, Tabs, and Divider — composable containers that the AI uses to structure any interface.
Interactive Components
Button, TextField, CheckBox, ChoicePicker, Slider, DateTimeInput, and Modal — every input primitive for forms and settings.
AI-Reactive
Ask the AI to build a UI and watch it render in real-time. The playground streams A2UI JSONL directly from Gemini.
Accessible by Architecture
The AI generates component IDs and properties — never markup. The renderer controls ARIA, keyboard nav, and screen readers.
Recipe-Ready
Predefined JSONL templates that AI fills with real data. Same structure, different content — structured flexibility.
How It Works
A2UI is a streaming JSONL protocol. The AI generates abstract component trees. A2NUI renders them as native Nuxt UI widgets.
AI Generates JSONL
Gemini (or any LLM) outputs A2UI protocol messages — createSurface, updateComponents, updateDataModel.
Processor Builds Tree
The A2UI processor parses messages, resolves children, data bindings, and builds a reactive component tree.
Renderer Shows UI
Each A2UI component maps to a Nuxt UI widget. The tree renders progressively as JSONL streams in.
Ready to explore?
Dive into the component catalog or try the live playground to see AI-generated UI in action.