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

Getting Started

  • Introduction
  • Installation
  • Usage

Components

  • Components
    Layout
    ColumnRowCard
    Content
    Text
    Input
    TextFieldCheckBox
    Interactive
    Button
    Feedback
    Badge

Reactivity & Actions

  • Actions
  • Transport

Styling

  • Theming
  • RTL Support

Advanced

  • Custom Components
  • API Reference
  1. Home
  2. /Docs
  3. /Theming
IntroductionInstallationUsageComponentsThemingRTL SupportCustom ComponentsActionsTransportAPI Reference

Theming

Customize colors, typography, and spacing in a2ui-shadcn using Tailwind CSS v4 and shadcn/ui theming.

Theming Guide

Customize the appearance of your A2UI surfaces.

Override Theme Tokens

tsx

Agent-Driven Themes

Agents can send theme tokens:

json

CSS Variables

css

Custom Fonts

tsx
Previous
Transport
Next
RTL Support