Showcase

⊞ A2UI Catalog

Composable generative-UI presets

Each card below is an installable A2UI surface preset. Install one with gecx add ui:<name> to copy the frame factory, dataModel schema, action allowlist, host renderer, and tests into your project. Click any card to mount a live synthetic surface and inspect the frames.

20 componentsA2UI v0.9WCAG 2.2 AA
  • Address confirmation

    ui:address-confirmation

    stable

    Verified address with edit affordance and a confirm action.

    formsv1.0.0
    Open preview →
  • Appointment picker

    ui:appointment-picker

    stable

    Date selector + time-slot grid + confirm action for booking appointments.

    schedulingv1.0.0
    Open preview →
  • Comparison table

    ui:comparison-table

    experimental

    Agent-driven dynamic table for arbitrary attribute comparisons. v1 ships a host React renderer; basicCatalog has no Table primitive.

    contentv1.0.0host renderer
    Open preview →
  • Confirmation receipt

    ui:confirmation-receipt

    stable

    Post-action summary: order/return/refund confirmation with line items, totals, and a primary follow-up action.

    commercev1.0.0
    Open preview →
  • Consent form

    ui:consent-form

    stable

    Multi-checkbox consent form with an audit-trail confirm action.

    formsv1.0.0
    Open preview →
  • Coupon applier

    ui:coupon-applier

    stable

    Coupon code entry with applied state, validation message, and remove action.

    commercev1.0.0
    Open preview →
  • Data export confirm

    ui:data-export-confirm

    stable

    Format + delivery method picker for a personal data export request.

    identityv1.0.0
    Open preview →
  • Escalation card

    ui:escalation-card

    stable

    Talk-to-a-person card with conversation context preview and a confirmed handoff action.

    supportv1.0.0
    Open preview →
  • ETA promise

    ui:eta-promise

    stable

    Agent-promised arrival time with countdown and an optional cancel action.

    logisticsv1.0.0
    Open preview →
  • Image annotator

    ui:image-annotator

    experimental

    Point/select annotations on an uploaded image. v1 ships a host React renderer (basicCatalog has no canvas primitive).

    supportv1.0.0host renderer
    Open preview →
  • Inventory status

    ui:inventory-status

    stable

    Per-variant in-stock / low / out indicator with optional notify-me action.

    commercev1.0.0
    Open preview →
  • Language picker

    ui:language-picker

    stable

    Locale switcher: list of supported languages with selected state and a confirm action.

    identityv1.0.0
    Open preview →
  • Multi-step form

    ui:multi-step-form

    stable

    Wizard form with progress indicator and a back/next/submit flow across N steps.

    formsv1.0.0
    Open preview →
  • Payment method picker

    ui:payment-method-picker

    stable

    Saved-card selector plus 'add new' affordance. Card details never traverse the A2UI dataModel.

    commercev1.0.0
    Open preview →
  • Price compare

    ui:price-compare

    stable

    Side-by-side comparison of 2–3 products: pricing, key specs, and an 'add to cart' action per product.

    commercev1.0.0
    Open preview →
  • Quantity stepper

    ui:quantity-stepper

    stable

    Integer quantity stepper with min/max bounds and a recalculated unit price summary.

    commercev1.0.0
    Open preview →
  • Quick feedback

    ui:feedback-quick

    stable

    Thumbs up/down or emoji rating with optional open-text comment.

    feedbackv1.0.0
    Open preview →
  • Shipping tracker

    ui:shipping-tracker

    experimental

    Order shipment timeline. v1 ships a host React renderer (no map view); the A2UI envelope carries waypoints + status only.

    logisticsv1.0.0host renderer
    Open preview →
  • Subscription manager

    ui:subscription-manager

    stable

    Pause / resume / cancel a recurring subscription with current billing summary.

    commercev1.0.0
    Open preview →
  • Troubleshooter

    ui:troubleshooter

    experimental

    Branching diagnostic tree: agent walks the user through yes/no questions to isolate the issue. v1 caps tree depth at 3.

    supportv1.0.0host renderer
    Open preview →