This is the catalog of A2UI type values. Properties go directly on the component
object (not under props). Colors are strings ("0xFF007AFF") or
semantic tokens. The canonical source is the A2UI schema in
the A2UI schema.
Layout primitives
Interactive
Don’t place input_text, slider, progress, or dropdown directly inside a row.
wrap in expanded or give an explicit width. Don’t use expanded/flexible/spacer
outside a row or column.
Animated
Smart components: Tier 1 (pure client)
live_timer · countdown · live_clock · pomodoro · metronome · dice_roller ·
coin_flip · tic_tac_toe · snake_game · quiz · habit_tracker · breathing ·
tip_calculator · bmi_calculator · password_generator · color_picker ·
drawing_canvas · flashcards · poll · markdown_editor · pixel_art · whiteboard
Smart components: Tier 2 (hybrid)
live_weather · live_stock · currency_converter · news_ticker · wiki_summary ·
dictionary · translator · rss_reader · astronomy · live_sports · recipe_viewer
Smart components: Tier 3 (persistent)
todo_list · notes · journal · budget_tracker · reading_list · kanban_board ·
code_snippets · bookmarks · contacts
Educational visualizations
SVG animation classes
animate-rise · animate-flow · animate-pulse · animate-smoke · animate-bubble ·
animate-spin · animate-orbit · animate-heartbeat · animate-float · animate-draw
Colors
Hex strings or theme-adaptive semantic tokens:
Top-level props
Actions
Commands: kill_process, set_volume, set_brightness, toggle_wifi,
run_command (with value), open_app, refresh.