Component Catalog

All 20 A2UI v0.10 standard catalog components mapped to Nuxt UI.

Overview

The A2NUI library implements every component in the A2UI v0.10 standard catalog. Each A2UI component is mapped to one or more Nuxt UI widgets.

Component	Description	A2UI → Nuxt UI
Text	Headings (h1–h5), body, and caption text variants	`<h1>`–`<h5>`, `<p>`
Image	Responsive images with fit and variant sizing	`<img>`
Icon	A2UI icon names mapped to Lucide icons	`UIcon`
Video	Native video player with controls	`<video>`
AudioPlayer	Audio player with optional description label	`<audio>`

Component	Description	A2UI → Nuxt UI
Row	Horizontal flex container with gap, justify, and align	`flex-row`
Column	Vertical flex container with gap, justify, and align	`flex-col`
List	Scrollable container — vertical or horizontal direction	`flex + overflow-auto`
Card	Card wrapper with optional title header	`UCard`
Tabs	Tab container with dynamic child content per tab	`UTabs`
Divider	Visual break between sections	`USeparator`

Component	Description	A2UI → Nuxt UI
Button	Button with primary, outline, and ghost variants	`UButton`
TextField	Text input — short or long text variant	`UInput` / `UTextarea`
CheckBox	Checkbox with label and boolean value	`UCheckbox`
ChoicePicker	Radio group or checkbox list based on variant	`URadioGroup` / `UCheckbox`
Slider	Range input with min/max and label	`USlider`
DateTimeInput	Date, time, or datetime-local input	`UInput` (type=date/time)

Component	Description	A2UI → Nuxt UI
Modal	Overlay dialog with trigger and content	`UModal`
Slideover	Panel that slides in from a screen edge	`USlideover`

Component	Description	A2UI → Nuxt UI
Table	Structured tabular data with typed columns and alignment	`UTable`

Introduction

A2NUI bridges AI-generated abstract UI to native Nuxt UI components.

Text

Display text content with semantic heading and body variants.