# All 573 A2UI components

The A2UI Atomic Catalog, A to Z. Each atom is a typed A2UI component an AI agent sends as declarative JSON.

## A

- [Abbr Tooltip](https://a2uicatalog.ai/atoms/abbr_tooltip/) `abbr_tooltip`: inline abbreviation with hover tooltip full form
- [Accordion Item](https://a2uicatalog.ai/atoms/accordion_item/) `accordion_item`: single collapsible section with toggle by clicking its header, using only CSS.
- [Achievement Badge](https://a2uicatalog.ai/atoms/achievement_badge/) `achievement_badge`: unlockable achievement badge with locked/unlocked state and optional date
- [Action Items](https://a2uicatalog.ai/atoms/action_items/) `action_items`: action items table — action, owner, due date, status
- [Action Required Card](https://a2uicatalog.ai/atoms/action_required_card/) `action_required_card`: prominent card prompting a required user action or approval
- [Actual Vs Estimate](https://a2uicatalog.ai/atoms/actual_vs_estimate/) `actual_vs_estimate`: one quantity as actual + estimate, both labelled, neither omittable
- [Adsb Feed](https://a2uicatalog.ai/atoms/adsb_feed/) `adsb_feed`: OpenSky Network ADS-B live flight positions for a bounding box
- [Agenda Block](https://a2uicatalog.ai/atoms/agenda_block/) `agenda_block`: time-slotted agenda — slots with time, title, speaker, location, type
- [Agent Sketchpad](https://a2uicatalog.ai/atoms/agent_sketchpad/) `agent_sketchpad`: composite multi-shape SVG canvas, newest shape draws itself in
- [Ai Build Trace](https://a2uicatalog.ai/atoms/ai_build_trace/) `ai_build_trace`: Gemini token usage trace card
- [Airspace Command Deck](https://a2uicatalog.ai/atoms/airspace_command_deck/) `airspace_command_deck`: Toulouse TMA radar canvas with animated flights, HUD overlay, and live METAR ticker
- [Alert Banner](https://a2uicatalog.ai/atoms/alert_banner/) `alert_banner`: full-width status alert strip
- [Ambient Gradient](https://a2uicatalog.ai/atoms/ambient_gradient/) `ambient_gradient`: animated aurora/ambient gradient background
- [Anchor List](https://a2uicatalog.ai/atoms/anchor_list/) `anchor_list`: in-page anchor navigation links document or to external URLs.
- [Animated Beam](https://a2uicatalog.ai/atoms/animated_beam/) `animated_beam`: CSS stroke-dashoffset animated SVG beam between two labelled nodes
- [Animated Border](https://a2uicatalog.ai/atoms/animated_border/) `animated_border`: card with rotating gradient border
- [Animated Border Card](https://a2uicatalog.ai/atoms/animated_border_card/) `animated_border_card`: card with CSS rotating gradient animated border
- [Animated Counter](https://a2uicatalog.ai/atoms/animated_counter/) `animated_counter`: CSS-only animated counter that counts up to target values
- [Annotated Code](https://a2uicatalog.ai/atoms/annotated_code/) `annotated_code`: code block with numbered callout bubbles on specific lines
- [Annotation Highlight](https://a2uicatalog.ai/atoms/annotation_highlight/) `annotation_highlight`: annotated body text — click highlighted terms to reveal inline explanations
- [Api Param Table](https://a2uicatalog.ai/atoms/api_param_table/) `api_param_table`: reference table detailing API parameters, data types, and default values
- [Api Reference](https://a2uicatalog.ai/atoms/api_reference/) `api_reference`: API endpoint method parameters and response docs
- [Arc Diagram](https://a2uicatalog.ai/atoms/arc_diagram/) `arc_diagram`: arc_diagram: links between nodes as arcs over a line
- [Article Hero](https://a2uicatalog.ai/atoms/article_hero/) `article_hero`: display prominent introductory headline and banner media
- [Article Series Nav](https://a2uicatalog.ai/atoms/article_series_nav/) `article_series_nav`: navigate interconnected parts inside multi-part blog series
- [Atom Anatomy](https://a2uicatalog.ai/atoms/atom_anatomy/) `atom_anatomy`: rendered atom + raw schema side-by-side anatomy view
- [Audio Link](https://a2uicatalog.ai/atoms/audio_link/) `audio_link`: styled link to an audio file
- [Audio Player](https://a2uicatalog.ai/atoms/audio_player/) `audio_player`: inline audio player with controls
- [Aurora Background](https://a2uicatalog.ai/atoms/aurora_background/) `aurora_background`: animated aurora borealis gradient blob background, CSS-only
- [Author Bio Card](https://a2uicatalog.ai/atoms/author_bio_card/) `author_bio_card`: profile block displaying content creator biographical details
- [Avatar Group](https://a2uicatalog.ai/atoms/avatar_group/) `avatar_group`: stacked user avatar group with overflow count or community.

## B

- [Back Button](https://a2uicatalog.ai/atoms/back_button/) `back_button`: back navigation — url, nav_slug, or history.back(); ghost/outline/text style
- [Badge](https://a2uicatalog.ai/atoms/badge/) `badge`: inline badge pill
- [Badge Group](https://a2uicatalog.ai/atoms/badge_group/) `badge_group`: row of coloured label badges
- [Badge Showcase](https://a2uicatalog.ai/atoms/badge_showcase/) `badge_showcase`: achievement badge wall — earned badges glow, locked badges grey; status from progress_store
- [Before After](https://a2uicatalog.ai/atoms/before_after/) `before_after`: side-by-side code or content before and after comparison approach
- [Before After Stack](https://a2uicatalog.ai/atoms/before_after_stack/) `before_after_stack`: old-vs-new stack comparison animation
- [Benchmark Comparison](https://a2uicatalog.ai/atoms/benchmark_comparison/) `benchmark_comparison`: side-by-side performance benchmark comparison bars
- [Bento Grid](https://a2uicatalog.ai/atoms/bento_grid/) `bento_grid`: asymmetric bento-box feature tile grid — MagicUI/shadcn pattern
- [Big Reveal](https://a2uicatalog.ai/atoms/big_reveal/) `big_reveal`: spring-animation big number or word reveal
- [Block Robot](https://a2uicatalog.ai/atoms/block_robot/) `block_robot`: a ready-made 10-brick toy robot that builds itself and turns on the film clock
- [Block Rocket](https://a2uicatalog.ai/atoms/block_rocket/) `block_rocket`: a ready-made 9-brick toy rocket that builds itself and turns on the film clock
- [Blockquote](https://a2uicatalog.ai/atoms/blockquote/) `blockquote`: styled pull-quote with attribution
- [Blockquote With Avatar](https://a2uicatalog.ai/atoms/blockquote_with_avatar/) `blockquote_with_avatar`: testimonial quote with avatar and attribution
- [Blur Fade In](https://a2uicatalog.ai/atoms/blur_fade_in/) `blur_fade_in`: CSS blur-to-focus fade-in container reveal
- [Body](https://a2uicatalog.ai/atoms/body/) `body`: prose paragraph block
- [Box Plot](https://a2uicatalog.ai/atoms/box_plot/) `box_plot`: box_plot: compare groups of numbers by median and spread
- [Breadcrumb](https://a2uicatalog.ai/atoms/breadcrumb/) `breadcrumb`: navigation breadcrumb trail structure.
- [Brevet Timeline](https://a2uicatalog.ai/atoms/brevet_timeline/) `brevet_timeline`: dated vertical revision timeline
- [Brick Build 3D](https://a2uicatalog.ai/atoms/brick_build_3d/) `brick_build_3d`: self-assembling 3D brick model, toy bricks or real LDraw parts, with build checks, build steps and a parts list
- [Bullet List](https://a2uicatalog.ai/atoms/bullet_list/) `bullet_list`: unordered list with optional bold label per item

## C

- [Calendar Today](https://a2uicatalog.ai/atoms/calendar_today/) `calendar_today`: today's calendar events from the user's default calendar
- [Calendar Upcoming](https://a2uicatalog.ai/atoms/calendar_upcoming/) `calendar_upcoming`: list of upcoming calendar events
- [Calibration Plot](https://a2uicatalog.ai/atoms/calibration_plot/) `calibration_plot`: predicted-vs-observed probability calibration chart with confidence intervals
- [Call Mood Board](https://a2uicatalog.ai/atoms/call_mood_board/) `call_mood_board`: visual summary board of call sentiments moods and active themes
- [Callout](https://a2uicatalog.ai/atoms/callout/) `callout`: coloured tip info warning or danger highlight box
- [Candlestick Chart](https://a2uicatalog.ai/atoms/candlestick_chart/) `candlestick_chart`: candlestick_chart: open-high-low-close price bars over time
- [Canvas Plexus](https://a2uicatalog.ai/atoms/canvas_plexus/) `canvas_plexus`: animated particle plexus with proximity lines and mouse repulsion
- [Capability Checklist](https://a2uicatalog.ai/atoms/capability_checklist/) `capability_checklist`: feature capability tick list per tier capability using checkmarks
- [Card Stack](https://a2uicatalog.ai/atoms/card_stack/) `card_stack`: CSS-fanned stack of 2–4 cards with rotation and opacity tiers
- [Carousel](https://a2uicatalog.ai/atoms/carousel/) `carousel`: horizontally scrollable card carousel
- [Case Study Card](https://a2uicatalog.ai/atoms/case_study_card/) `case_study_card`: structured case study — situation, data points, questions, optional model answer reveal
- [Caution Block](https://a2uicatalog.ai/atoms/caution_block/) `caution_block`: highlight dangerous pitfalls or critical destructive actions
- [Certification Card](https://a2uicatalog.ai/atoms/certification_card/) `certification_card`: completion certificate — locked until requires id complete in progress_store; earner from GAS session
- [Changed Mind](https://a2uicatalog.ai/atoms/changed_mind/) `changed_mind`: struck-through old belief, new belief lands beneath; optional what-changed-it line
- [Changelog Entry](https://a2uicatalog.ai/atoms/changelog_entry/) `changelog_entry`: timeline entry documenting product modifications per release
- [Chartjs Bar](https://a2uicatalog.ai/atoms/chartjs_bar/) `chartjs_bar`: static accessible bar chart (group, stack, relative, overlay; vertical or horizontal; log axis)
- [Chartjs Line](https://a2uicatalog.ai/atoms/chartjs_line/) `chartjs_line`: interactive Chart.js line chart for trend data
- [Chartjs Pie](https://a2uicatalog.ai/atoms/chartjs_pie/) `chartjs_pie`: multi-slice pie or donut SVG chart with legend
- [Chat Sequence](https://a2uicatalog.ai/atoms/chat_sequence/) `chat_sequence`: animated chat conversation thread
- [Checklist Interactive](https://a2uicatalog.ai/atoms/checklist_interactive/) `checklist_interactive`: interactive task tracking checklist for article milestones
- [Chip Group](https://a2uicatalog.ai/atoms/chip_group/) `chip_group`: chip/tag row — label, color, url, active state; wrap or scroll layout
- [Choicebox Group](https://a2uicatalog.ai/atoms/choicebox_group/) `choicebox_group`: card-style option selector with icon, title, description per card
- [Chord Diagram](https://a2uicatalog.ai/atoms/chord_diagram/) `chord_diagram`: chord_diagram: flows between a few entities as ribbons on a ring
- [Choropleth Map](https://a2uicatalog.ai/atoms/choropleth_map/) `choropleth_map`: choropleth map: world, US states or Europe shaded by value in classes
- [Circle Pack](https://a2uicatalog.ai/atoms/circle_pack/) `circle_pack`: circle_pack: grouping and rough size as packed circles
- [Cli Command](https://a2uicatalog.ai/atoms/cli_command/) `cli_command`: copyable single-line terminal command execution string
- [Clipart](https://a2uicatalog.ai/atoms/clipart/) `clipart`: one verified vector clipart image by id
- [Closing](https://a2uicatalog.ai/atoms/closing/) `closing`: article closing paragraph with hashtags
- [Code](https://a2uicatalog.ai/atoms/code/) `code`: syntax-highlighted fenced code block
- [Code Block](https://a2uicatalog.ai/atoms/code_block/) `code_block`: syntax-highlighted code block
- [Code Diff](https://a2uicatalog.ai/atoms/code_diff/) `code_diff`: server-side unified diff view with green additions and red removals
- [Code Snippet Pair](https://a2uicatalog.ai/atoms/code_snippet_pair/) `code_snippet_pair`: two code blocks side by side without diff highlighting diff highlighting.
- [Cohort Progress Board](https://a2uicatalog.ai/atoms/cohort_progress_board/) `cohort_progress_board`: instructor cohort table — per-learner module completion + scores; live on GAS
- [Cohort Retention](https://a2uicatalog.ai/atoms/cohort_retention/) `cohort_retention`: triangular cohort retention grid with continuous color-scale rendering
- [Collapsible Panel](https://a2uicatalog.ai/atoms/collapsible_panel/) `collapsible_panel`: expandable content panel with header toggle visible and hidden states by clicking a control, using only CSS.
- [Color Section](https://a2uicatalog.ai/atoms/color_section/) `color_section`: colored background wrapper — tint/solid/dark, renders child atom blocks
- [Color Swatch Grid](https://a2uicatalog.ai/atoms/color_swatch_grid/) `color_swatch_grid`: grid of named color swatches with hex values
- [Columns](https://a2uicatalog.ai/atoms/columns/) `columns`: multi-column layout — 2–6 cols, each column holds atom blocks
- [Combobox](https://a2uicatalog.ai/atoms/combobox/) `combobox`: searchable filterable dropdown — shadcn/Headless UI pattern
- [Command Palette](https://a2uicatalog.ai/atoms/command_palette/) `command_palette`: keyboard-driven command palette with shortcut hints
- [Command Step](https://a2uicatalog.ai/atoms/command_step/) `command_step`: copyable command with completion checkbox
- [Comparison Grid](https://a2uicatalog.ai/atoms/comparison_grid/) `comparison_grid`: multi-item attribute comparison grid
- [Comparison Morph](https://a2uicatalog.ai/atoms/comparison_morph/) `comparison_morph`: draggable before/after comparison slider
- [Completion Gate](https://a2uicatalog.ai/atoms/completion_gate/) `completion_gate`: content lock — hides until requires module id is complete in progress_store
- [Concept Ladder](https://a2uicatalog.ai/atoms/concept_ladder/) `concept_ladder`: layered-depth concept explainer — hook, mental-model card, depth rungs, worked example
- [Concept Rung](https://a2uicatalog.ai/atoms/concept_rung/) `concept_rung`: one depth level (kind chip, title, body, code, takeaway) — normally used inside concept_ladder
- [Confetti Burst](https://a2uicatalog.ai/atoms/confetti_burst/) `confetti_burst`: confetti celebration burst effect
- [Confetti Trigger](https://a2uicatalog.ai/atoms/confetti_trigger/) `confetti_trigger`: click-to-trigger confetti button
- [Confidence Bar](https://a2uicatalog.ai/atoms/confidence_bar/) `confidence_bar`: labelled probability bar with colour-coded confidence fill
- [Content Tabs](https://a2uicatalog.ai/atoms/content_tabs/) `content_tabs`: tabbed panels holding nested atom blocks
- [Contour Plot](https://a2uicatalog.ai/atoms/contour_plot/) `contour_plot`: contour_plot: filled contour bands of a value grid or of the density of points
- [Contrast Audit](https://a2uicatalog.ai/atoms/contrast_audit/) `contrast_audit`: WCAG contrast ratios for colour pairs with AA/AAA badges and a nearest-passing fix
- [Contributor List](https://a2uicatalog.ai/atoms/contributor_list/) `contributor_list`: list of contributors with avatar and role
- [Conversation Snippet](https://a2uicatalog.ai/atoms/conversation_snippet/) `conversation_snippet`: user prompt and AI response as chat bubbles
- [Conversion Funnel](https://a2uicatalog.ai/atoms/conversion_funnel/) `conversion_funnel`: pipeline conversion funnel with step tapering and leak markers
- [Copy Code Button](https://a2uicatalog.ai/atoms/copy_code_button/) `copy_code_button`: button to copy specified text or code to clipboard
- [Copy Prompt](https://a2uicatalog.ai/atoms/copy_prompt/) `copy_prompt`: copyable monospace prompt/code block
- [Copy To Clipboard](https://a2uicatalog.ai/atoms/copy_to_clipboard/) `copy_to_clipboard`: copy-to-clipboard button with inline code and feedback
- [Count Up Stat](https://a2uicatalog.ai/atoms/count_up_stat/) `count_up_stat`: animated count-up number stat with cubic ease, auto-plays on load
- [Countdown Ring](https://a2uicatalog.ai/atoms/countdown_ring/) `countdown_ring`: circular countdown timer ring
- [Countdown Timer](https://a2uicatalog.ai/atoms/countdown_timer/) `countdown_timer`: Flip-clock countdown timer display (static tiles, data-driven ticking)
- [Counter Group](https://a2uicatalog.ai/atoms/counter_group/) `counter_group`: row of animated stat counters
- [Course Progress Card](https://a2uicatalog.ai/atoms/course_progress_card/) `course_progress_card`: course-level progress card with per-module bars and aggregate completion ring
- [Css Dropdown Menu](https://a2uicatalog.ai/atoms/css_dropdown_menu/) `css_dropdown_menu`: pure-CSS dropdown navigation menu
- [Css Modal](https://a2uicatalog.ai/atoms/css_modal/) `css_modal`: pure-CSS modal dialog triggered by checkbox
- [Css Slide Panel](https://a2uicatalog.ai/atoms/css_slide_panel/) `css_slide_panel`: CSS-only slide-in panel drawer
- [Cta Button](https://a2uicatalog.ai/atoms/cta_button/) `cta_button`: call-to-action button
- [Cta Section](https://a2uicatalog.ai/atoms/cta_section/) `cta_section`: full-width CTA banner with headline and buttons — Tailwind UI pattern
- [Cursor Glow](https://a2uicatalog.ai/atoms/cursor_glow/) `cursor_glow`: ambient glowing orb that lerp-follows the cursor with screen blend
- [Cursor Trail](https://a2uicatalog.ai/atoms/cursor_trail/) `cursor_trail`: chain of fading dots following the cursor with worm physics
- [Custom Checkbox Group](https://a2uicatalog.ai/atoms/custom_checkbox_group/) `custom_checkbox_group`: styled checkbox group input
- [Customer Logo Grid](https://a2uicatalog.ai/atoms/customer_logo_grid/) `customer_logo_grid`: grid of customer or partner logos

## D

- [Dark Divider](https://a2uicatalog.ai/atoms/dark_divider/) `dark_divider`: dark-theme horizontal divider
- [Dark Feature Grid](https://a2uicatalog.ai/atoms/dark_feature_grid/) `dark_feature_grid`: dark-theme feature grid with icons
- [Dark Hero](https://a2uicatalog.ai/atoms/dark_hero/) `dark_hero`: dark hero banner with gradient and CTA
- [Data Grid](https://a2uicatalog.ai/atoms/data_grid/) `data_grid`: enterprise data grid with typed columns, row selection, and
- [Data Source](https://a2uicatalog.ai/atoms/data_source/) `data_source`: generic HTTP feed — server-side initial fetch, client-side refresh via surface transport
- [Data Table Sortable](https://a2uicatalog.ai/atoms/data_table_sortable/) `data_table_sortable`: sortable data table with column headers
- [Deadline Ticker](https://a2uicatalog.ai/atoms/deadline_ticker/) `deadline_ticker`: countdown timer to a target date (alias)
- [Decision Tree](https://a2uicatalog.ai/atoms/decision_tree/) `decision_tree`: interactive collapsible decision tree
- [Deprecation Notice](https://a2uicatalog.ai/atoms/deprecation_notice/) `deprecation_notice`: warning banner for deprecated features or unsupported APIs
- [Depth Stack](https://a2uicatalog.ai/atoms/depth_stack/) `depth_stack`: stacked cards with depth parallax
- [Diagram](https://a2uicatalog.ai/atoms/diagram/) `diagram`: D2 or SVG architecture diagram
- [Difficulty Badge](https://a2uicatalog.ai/atoms/difficulty_badge/) `difficulty_badge`: label technical complexity level of blog content
- [Display Quote](https://a2uicatalog.ai/atoms/display_quote/) `display_quote`: typographic pull quote with decorative mark and attribution
- [Divider](https://a2uicatalog.ai/atoms/divider/) `divider`: horizontal visual section break
- [Doc Ai Summary](https://a2uicatalog.ai/atoms/doc_ai_summary/) `doc_ai_summary`: AI-powered Google Doc summary via Vertex AI Gemini
- [Document Link](https://a2uicatalog.ai/atoms/document_link/) `document_link`: styled link to a downloadable document
- [Domain Picker](https://a2uicatalog.ai/atoms/domain_picker/) `domain_picker`: default-pill plus free-text override for a config question
- [Donut Stat](https://a2uicatalog.ai/atoms/donut_stat/) `donut_stat`: CSS ring chart with centre value and percentage its proportion or progress.
- [Dot Grid Background](https://a2uicatalog.ai/atoms/dot_grid_background/) `dot_grid_background`: CSS repeating dot or grid pattern panel background
- [Drive File Card](https://a2uicatalog.ai/atoms/drive_file_card/) `drive_file_card`: single Drive file card — static on all surfaces; live name/type lookup via file_id on GAS
- [Drive File List](https://a2uicatalog.ai/atoms/drive_file_list/) `drive_file_list`: live list of Drive folder files
- [Drive Folder Contents](https://a2uicatalog.ai/atoms/drive_folder_contents/) `drive_folder_contents`: Drive folder grid — live on GAS via folder_id, items[] or api connector on web/meet
- [Drive Image](https://a2uicatalog.ai/atoms/drive_image/) `drive_image`: Google Drive image embed by file ID
- [Drive Recent Files](https://a2uicatalog.ai/atoms/drive_recent_files/) `drive_recent_files`: swipeable Drive files carousel — live on GAS, items[] or api connector on web/meet
- [Drive Storage Usage](https://a2uicatalog.ai/atoms/drive_storage_usage/) `drive_storage_usage`: Drive storage quota progress bar — live on GAS, or pass used_gb/total_gb for static
- [Drop Cap](https://a2uicatalog.ai/atoms/drop_cap/) `drop_cap`: paragraph with a dropped, raised, boxed or ornamental initial letter

## E

- [Effect Overlay](https://a2uicatalog.ai/atoms/effect_overlay/) `effect_overlay`: CSS confetti/trophy/pulse celebration overlay triggered by name
- [Embed Codepen](https://a2uicatalog.ai/atoms/embed_codepen/) `embed_codepen`: embed interactive CodePen workspace development environments
- [Embed Gist](https://a2uicatalog.ai/atoms/embed_gist/) `embed_gist`: embed version-controlled GitHub Gist source code snippets
- [Embed Google Slides](https://a2uicatalog.ai/atoms/embed_google_slides/) `embed_google_slides`: embed interactive Google Slides presentation slide decks
- [Embed Stackblitz](https://a2uicatalog.ai/atoms/embed_stackblitz/) `embed_stackblitz`: embed dynamic StackBlitz live IDE code sandboxes
- [Embed Tweet](https://a2uicatalog.ai/atoms/embed_tweet/) `embed_tweet`: embed live public Twitter status updates and media
- [Empty State](https://a2uicatalog.ai/atoms/empty_state/) `empty_state`: zero-data empty state with icon and call to action
- [Encrypted Reveal](https://a2uicatalog.ai/atoms/encrypted_reveal/) `encrypted_reveal`: CSS steps() scramble-to-reveal text animation
- [Entity List](https://a2uicatalog.ai/atoms/entity_list/) `entity_list`: named resource rows with avatar, status badge, and meta
- [Env Var List](https://a2uicatalog.ai/atoms/env_var_list/) `env_var_list`: list configuration environment variables with descriptions and default values
- [Expandable List](https://a2uicatalog.ai/atoms/expandable_list/) `expandable_list`: nested expandable tree list with collapsible children
- [Expandable Text](https://a2uicatalog.ai/atoms/expandable_text/) `expandable_text`: truncated text with read more expand toggle more content.
- [Experimental Banner](https://a2uicatalog.ai/atoms/experimental_banner/) `experimental_banner`: highlight experimental or unstable feature notice callout
- [Expert Endorsement](https://a2uicatalog.ai/atoms/expert_endorsement/) `expert_endorsement`: expert quote with credentials and photo

## F

- [Faq Accordion](https://a2uicatalog.ai/atoms/faq_accordion/) `faq_accordion`: collapsible FAQ question and answer list the question is clicked.
- [Feature Grid](https://a2uicatalog.ai/atoms/feature_grid/) `feature_grid`: icon + title + description feature grid — Tailwind UI pattern
- [Feature Matrix](https://a2uicatalog.ai/atoms/feature_matrix/) `feature_matrix`: features versus plans comparison matrix
- [Feed Status](https://a2uicatalog.ai/atoms/feed_status/) `feed_status`: live/sim status pill for a named data feed
- [Feedback Prompt](https://a2uicatalog.ai/atoms/feedback_prompt/) `feedback_prompt`: thumbs or star rating feedback collection widget
- [Figma Embed](https://a2uicatalog.ai/atoms/figma_embed/) `figma_embed`: embed collaborative live Figma design file prototype previews
- [File Tree](https://a2uicatalog.ai/atoms/file_tree/) `file_tree`: present hierarchical directory structures and files for software project navigation
- [Fill In Blank](https://a2uicatalog.ai/atoms/fill_in_blank/) `fill_in_blank`: cloze-test sentence with inline inputs and correct/wrong highlight on submit
- [Filterable List](https://a2uicatalog.ai/atoms/filterable_list/) `filterable_list`: list with status chips that filter its rows — items with title, detail, status; All plus one chip per status, with counts
- [Firestore Read](https://a2uicatalog.ai/atoms/firestore_read/) `firestore_read`: Firestore document read — publishes deserialized doc to named data connector; visual atoms subscribe by name
- [Flashcard Deck](https://a2uicatalog.ai/atoms/flashcard_deck/) `flashcard_deck`: flip-card deck of question answer pairs
- [Flip Card](https://a2uicatalog.ai/atoms/flip_card/) `flip_card`: card that flips on hover to reveal back content
- [Floating Badge](https://a2uicatalog.ai/atoms/floating_badge/) `floating_badge`: bobbing emoji or icon badge
- [Floating Orbs](https://a2uicatalog.ai/atoms/floating_orbs/) `floating_orbs`: decorative blurred colour orbs background
- [Floating Particles](https://a2uicatalog.ai/atoms/floating_particles/) `floating_particles`: soft glowing bokeh particles drifting upward on canvas, optional centred copy
- [Flow Connector](https://a2uicatalog.ai/atoms/flow_connector/) `flow_connector`: animated beam connector between two or more nodes
- [Flow Field](https://a2uicatalog.ai/atoms/flow_field/) `flow_field`: luminous noise-field streams converging on a glowing focus, hero background
- [Focus Lens](https://a2uicatalog.ai/atoms/focus_lens/) `focus_lens`: spotlight focus lens on blurred background
- [Follow Button](https://a2uicatalog.ai/atoms/follow_button/) `follow_button`: direct profile subscription button for social platforms
- [Follow Cta](https://a2uicatalog.ai/atoms/follow_cta/) `follow_cta`: call to action driving social media community expansion
- [Follow Up Chips](https://a2uicatalog.ai/atoms/follow_up_chips/) `follow_up_chips`: clickable follow-up suggestion chips
- [Footnote](https://a2uicatalog.ai/atoms/footnote/) `footnote`: numbered footnote reference at the bottom of a section or page.
- [Footnote Group](https://a2uicatalog.ai/atoms/footnote_group/) `footnote_group`: numbered footnote list at section or article end
- [Form](https://a2uicatalog.ai/atoms/form/) `form`: labelled form with fields and submit button
- [Form Checkbox Group](https://a2uicatalog.ai/atoms/form_checkbox_group/) `form_checkbox_group`: checkbox group for multi-option selection
- [Form Date Picker](https://a2uicatalog.ai/atoms/form_date_picker/) `form_date_picker`: date or date-range picker input
- [Form Input](https://a2uicatalog.ai/atoms/form_input/) `form_input`: single labelled input field
- [Form Radio Group](https://a2uicatalog.ai/atoms/form_radio_group/) `form_radio_group`: radio button group for single-option selection
- [Form Select](https://a2uicatalog.ai/atoms/form_select/) `form_select`: labelled dropdown select with options
- [Form Slider](https://a2uicatalog.ai/atoms/form_slider/) `form_slider`: numeric range slider input
- [Form Switch Group](https://a2uicatalog.ai/atoms/form_switch_group/) `form_switch_group`: group of labelled toggle switches
- [Form Textarea](https://a2uicatalog.ai/atoms/form_textarea/) `form_textarea`: multi-line text input area
- [Framed Screenshot](https://a2uicatalog.ai/atoms/framed_screenshot/) `framed_screenshot`: device-framed screenshot with optional caption
- [Further Reading](https://a2uicatalog.ai/atoms/further_reading/) `further_reading`: curated references for extending topic research

## G

- [Gallery](https://a2uicatalog.ai/atoms/gallery/) `gallery`: scrollable image gallery grid
- [Gauge Sla](https://a2uicatalog.ai/atoms/gauge_sla/) `gauge_sla`: radial SLA gauge with glowing pointer and large metric value
- [Gdm Rocket Panel](https://a2uicatalog.ai/atoms/gdm_rocket_panel/) `gdm_rocket_panel`: isometric rocket launch canvas animation, fixed half-viewport overlay
- [Gemini Prompt](https://a2uicatalog.ai/atoms/gemini_prompt/) `gemini_prompt`: inline Gemini prompt input widget
- [Geo Contour Waves](https://a2uicatalog.ai/atoms/geo_contour_waves/) `geo_contour_waves`: animated atmospheric contour wave field
- [Geo Europe Airspace](https://a2uicatalog.ai/atoms/geo_europe_airspace/) `geo_europe_airspace`: interactive European airspace map with airports and flights
- [Geo Iso Fleet](https://a2uicatalog.ai/atoms/geo_iso_fleet/) `geo_iso_fleet`: tabbed isometric fleet demo — A321neo takeoff + Ariane 6 launch + H160 hover with tab switcher
- [Geo Iso Heli Hover](https://a2uicatalog.ai/atoms/geo_iso_heli_hover/) `geo_iso_heli_hover`: isometric 3D canvas of H160 helicopter hover — rotor animation, downwash, HUD
- [Geo Iso Rocket Launch](https://a2uicatalog.ai/atoms/geo_iso_rocket_launch/) `geo_iso_rocket_launch`: isometric 3D canvas of Ariane 6 rocket launch from Kourou — animated liftoff and ascent; mission HUD
- [Geo Iso Takeoff](https://a2uicatalog.ai/atoms/geo_iso_takeoff/) `geo_iso_takeoff`: isometric 3D canvas of A321neo takeoff from LFBO — animated roll, rotation, gear-up, climb; HUD with airline/runway
- [Geo Map](https://a2uicatalog.ai/atoms/geo_map/) `geo_map`: geo map: points sized and grouped by value, plus great-circle lines, on bundled outlines
- [Geo Mercator Radar](https://a2uicatalog.ai/atoms/geo_mercator_radar/) `geo_mercator_radar`: dark-theme interactive Mercator map with node pins and links
- [Github Activity Grid](https://a2uicatalog.ai/atoms/github_activity_grid/) `github_activity_grid`: SVG GitHub-style contribution grid and activity tracker
- [Github Repo Card](https://a2uicatalog.ai/atoms/github_repo_card/) `github_repo_card`: live GitHub repo card with stars forks and language
- [Glass Card](https://a2uicatalog.ai/atoms/glass_card/) `glass_card`: frosted-glass card with blur backdrop — dark-theme highlight box
- [Glitch Text](https://a2uicatalog.ai/atoms/glitch_text/) `glitch_text`: RGB-split glitch-effect headline
- [Globe 3D](https://a2uicatalog.ai/atoms/globe_3d/) `globe_3d`: interactive spinning 3-D globe (wire or earth)
- [Glossary Inline](https://a2uicatalog.ai/atoms/glossary_inline/) `glossary_inline`: inline hover tooltips for complex technical term definitions
- [Glossary Term](https://a2uicatalog.ai/atoms/glossary_term/) `glossary_term`: definition term with explanation
- [Glow Button](https://a2uicatalog.ai/atoms/glow_button/) `glow_button`: CSS box-shadow state-signalling button with disabled/ready/fired glow
- [Glowing Stat](https://a2uicatalog.ai/atoms/glowing_stat/) `glowing_stat`: neon-glow stat number on dark card
- [Gmail Inbox](https://a2uicatalog.ai/atoms/gmail_inbox/) `gmail_inbox`: swipeable Gmail inbox carousel — live on GAS, items[] or api connector on web/meet
- [Gmail Summary](https://a2uicatalog.ai/atoms/gmail_summary/) `gmail_summary`: list of recent Gmail messages matching query
- [Gmail Unread Count](https://a2uicatalog.ai/atoms/gmail_unread_count/) `gmail_unread_count`: unread count badges for Gmail labels
- [Google Icon](https://a2uicatalog.ai/atoms/google_icon/) `google_icon`: single Material Symbol icon
- [Gradient Border Card](https://a2uicatalog.ai/atoms/gradient_border_card/) `gradient_border_card`: animated gradient border card
- [Gradient Heading](https://a2uicatalog.ai/atoms/gradient_heading/) `gradient_heading`: gradient-fill standalone heading
- [Gradient Hero](https://a2uicatalog.ai/atoms/gradient_hero/) `gradient_hero`: light gradient hero — badge, large title, subtitle, CTA button
- [Gradient Mesh Live](https://a2uicatalog.ai/atoms/gradient_mesh_live/) `gradient_mesh_live`: soft colour blobs drifting on a noise field, pointer-reactive, hero background
- [Gradient Text](https://a2uicatalog.ai/atoms/gradient_text/) `gradient_text`: Animated gradient-fill heading text via CSS background-clip

## H

- [Halftone Wave](https://a2uicatalog.ai/atoms/halftone_wave/) `halftone_wave`: animated halftone dot grid riding a wave, works on light backgrounds
- [Heading](https://a2uicatalog.ai/atoms/heading/) `heading`: H2 section title
- [Heatmap](https://a2uicatalog.ai/atoms/heatmap/) `heatmap`: grid heatmap coloured by intensity value are represented as colors in a matrix.
- [Heatmap Calendar](https://a2uicatalog.ai/atoms/heatmap_calendar/) `heatmap_calendar`: calendar month heatmap with date-value density colouring
- [Highlight Box](https://a2uicatalog.ai/atoms/highlight_box/) `highlight_box`: highlight box — gradient/solid/outline style, icon, title, text
- [Highlight Sweep](https://a2uicatalog.ai/atoms/highlight_sweep/) `highlight_sweep`: animated highlight sweep text
- [Highlighted Text](https://a2uicatalog.ai/atoms/highlighted_text/) `highlighted_text`: highlighted text passage with optional hover margin annotation note
- [Hint Reveal](https://a2uicatalog.ai/atoms/hint_reveal/) `hint_reveal`: show/hide hint disclosure using HTML details/summary — no JS
- [Histogram](https://a2uicatalog.ai/atoms/histogram/) `histogram`: histogram: counts of numbers per bin
- [Histogram2D](https://a2uicatalog.ai/atoms/histogram2d/) `histogram2d`: histogram2d: x,y points counted into a 2-D bin grid, drawn as a heatmap
- [Hover Card](https://a2uicatalog.ai/atoms/hover_card/) `hover_card`: rich card revealed when hovering a trigger
- [Http Request Block](https://a2uicatalog.ai/atoms/http_request_block/) `http_request_block`: document REST API endpoints with HTTP methods, headers, and payloads
- [Hub](https://a2uicatalog.ai/atoms/hub/) `hub`: deck navigation shell with subjects and slides

## I

- [Icon Badge](https://a2uicatalog.ai/atoms/icon_badge/) `icon_badge`: Material icon in coloured circular badge
- [Icon Checklist](https://a2uicatalog.ai/atoms/icon_checklist/) `icon_checklist`: checklist items with Material icons
- [Icon Feature Grid](https://a2uicatalog.ai/atoms/icon_feature_grid/) `icon_feature_grid`: feature grid with Material icons
- [Icon List](https://a2uicatalog.ai/atoms/icon_list/) `icon_list`: icon-circle list — emoji/icon per item, label + text, color per item
- [Icon Row](https://a2uicatalog.ai/atoms/icon_row/) `icon_row`: horizontal icon and label strip
- [Icon Stat Row](https://a2uicatalog.ai/atoms/icon_stat_row/) `icon_stat_row`: icon + big number + label stat strip — more visual than metric_row
- [Image](https://a2uicatalog.ai/atoms/image/) `image`: single image with optional caption
- [Image Hotspots](https://a2uicatalog.ai/atoms/image_hotspots/) `image_hotspots`: image with clickable annotated hotspot overlays
- [Image Pair](https://a2uicatalog.ai/atoms/image_pair/) `image_pair`: two images side by side with captions
- [Image With Caption](https://a2uicatalog.ai/atoms/image_with_caption/) `image_with_caption`: image with styled caption below
- [Incident Log](https://a2uicatalog.ai/atoms/incident_log/) `incident_log`: 7-day incident strip plus recent incident rows
- [Info Card](https://a2uicatalog.ai/atoms/info_card/) `info_card`: simple info card with title and body
- [Inline Alert](https://a2uicatalog.ai/atoms/inline_alert/) `inline_alert`: inline icon-plus-text alert embedded in content flow
- [Inline Code](https://a2uicatalog.ai/atoms/inline_code/) `inline_code`: monospace inline code span
- [Inline Feedback Message](https://a2uicatalog.ai/atoms/inline_feedback_message/) `inline_feedback_message`: inline success error or warning message for validation feedback or hints.
- [Intro](https://a2uicatalog.ai/atoms/intro/) `intro`: series link or transparency note at article top
- [Inventory Table](https://a2uicatalog.ai/atoms/inventory_table/) `inventory_table`: inventory table with SKU, stock levels, and low-stock row highlight
- [Isometric Mesh](https://a2uicatalog.ai/atoms/isometric_mesh/) `isometric_mesh`: rotating 3D isometric mesh with height-colour mapping and drag-rotate

## J

- [Jira Ticket](https://a2uicatalog.ai/atoms/jira_ticket/) `jira_ticket`: Jira issue card with type icon, status lozenge, priority, and assignee
- [Json Tree Viewer](https://a2uicatalog.ai/atoms/json_tree_viewer/) `json_tree_viewer`: expandable visual explorer for nested JSON data
- [Jump Nav](https://a2uicatalog.ai/atoms/jump_nav/) `jump_nav`: anchor pill buttons scrolling to page sections

## K

- [Key Takeaways](https://a2uicatalog.ai/atoms/key_takeaways/) `key_takeaways`: highlighted summary of main conclusions and critical takeaways
- [Key Value](https://a2uicatalog.ai/atoms/key_value/) `key_value`: label and value pairs in a compact grid
- [Keyboard Shortcut](https://a2uicatalog.ai/atoms/keyboard_shortcut/) `keyboard_shortcut`: display visual keyboard key combinations for application shortcuts and hotkeys
- [Kinetic Headline](https://a2uicatalog.ai/atoms/kinetic_headline/) `kinetic_headline`: word-by-word kinetic headline animation
- [Knowledge Check](https://a2uicatalog.ai/atoms/knowledge_check/) `knowledge_check`: inline comprehension pulse — single question, instant feedback, no score pressure

## L

- [Layer Stack](https://a2uicatalog.ai/atoms/layer_stack/) `layer_stack`: labelled layer bands — field/note per layer, optional side-by-side columns, absent layers render hollow
- [Leaderboard Card](https://a2uicatalog.ai/atoms/leaderboard_card/) `leaderboard_card`: ranked score leaderboard — live on GAS from Sheet, static on web; medal top 3
- [Learning Objectives](https://a2uicatalog.ai/atoms/learning_objectives/) `learning_objectives`: checklist of educational goals and competencies gained post-reading
- [Learning Path Selector](https://a2uicatalog.ai/atoms/learning_path_selector/) `learning_path_selector`: course entry path chooser — role/level cards, writes selection to progress_store, optional navigation
- [Lens Grid](https://a2uicatalog.ai/atoms/lens_grid/) `lens_grid`: selectable card grid for a small, explained set of options
- [Lesson Nav](https://a2uicatalog.ai/atoms/lesson_nav/) `lesson_nav`: prev/next lesson navigation with module context and optional completion checkbox
- [Light Type](https://a2uicatalog.ai/atoms/light_type/) `light_type`: agent-supplied words made of flowing light, streams masked to the glyphs
- [Link Button](https://a2uicatalog.ai/atoms/link_button/) `link_button`: text hyperlink button
- [Linkedin Post Image](https://a2uicatalog.ai/atoms/linkedin_post_image/) `linkedin_post_image`: LinkedIn post image preview — conviction_card, stat_card, or carousel_slide mode
- [Liquid Button](https://a2uicatalog.ai/atoms/liquid_button/) `liquid_button`: liquid morphing hover button
- [Live Aggregator](https://a2uicatalog.ai/atoms/live_aggregator/) `live_aggregator`: Real-time comparative bars for votes, counts, or percentages
- [Live Clock](https://a2uicatalog.ai/atoms/live_clock/) `live_clock`: live ticking clock widget
- [Live Demo Embed](https://a2uicatalog.ai/atoms/live_demo_embed/) `live_demo_embed`: embed interactive live demo sandbox iframe
- [Live Edit](https://a2uicatalog.ai/atoms/live_edit/) `live_edit`: embedded live atom JSON editor with preview
- [Live Metric](https://a2uicatalog.ai/atoms/live_metric/) `live_metric`: animated counting number (alias for animated_counter)
- [Live Vote](https://a2uicatalog.ai/atoms/live_vote/) `live_vote`: live audience voting with real-time bar chart results
- [Living Type](https://a2uicatalog.ai/atoms/living_type/) `living_type`: agent-supplied headline whose letters breathe and lean toward the pointer
- [Llm Comparison Table](https://a2uicatalog.ai/atoms/llm_comparison_table/) `llm_comparison_table`: side-by-side multi-model output comparison table
- [Loading Dots](https://a2uicatalog.ai/atoms/loading_dots/) `loading_dots`: three-dot pulsing loader
- [Loading Skeleton](https://a2uicatalog.ai/atoms/loading_skeleton/) `loading_skeleton`: animated placeholder skeleton while content loads
- [Log Output](https://a2uicatalog.ai/atoms/log_output/) `log_output`: scrollable monospace server or compiler log output block
- [Lottie Animation](https://a2uicatalog.ai/atoms/lottie_animation/) `lottie_animation`: render lightweight high-performance vector Lottie animations
- [Lozenge](https://a2uicatalog.ai/atoms/lozenge/) `lozenge`: Atlassian-semantic status pill with defined appearance variants

## M

- [Magnetic Button](https://a2uicatalog.ai/atoms/magnetic_button/) `magnetic_button`: magnetic cursor-following button
- [Magnetic Element](https://a2uicatalog.ai/atoms/magnetic_element/) `magnetic_element`: content that drifts toward cursor and springs back with overshoot
- [Maps Embed](https://a2uicatalog.ai/atoms/maps_embed/) `maps_embed`: Google Maps location embed iframe
- [Markdown Block](https://a2uicatalog.ai/atoms/markdown_block/) `markdown_block`: inline markdown string (bold, italic, code, links) rendered to HTML
- [Marquee](https://a2uicatalog.ai/atoms/marquee/) `marquee`: infinite horizontal scrolling ticker strip
- [Marquee Strip](https://a2uicatalog.ai/atoms/marquee_strip/) `marquee_strip`: infinite CSS-animated horizontal marquee of text or logo items
- [Masonry Elevation](https://a2uicatalog.ai/atoms/masonry_elevation/) `masonry_elevation`: coursed block/brick wall elevation with bond-pattern stagger and render-style options
- [Match Exercise](https://a2uicatalog.ai/atoms/match_exercise/) `match_exercise`: click-to-pair matching exercise with green lock and red mismatch flash
- [Math Block](https://a2uicatalog.ai/atoms/math_block/) `math_block`: native MathML equation typeset with the math font family
- [Me](https://a2uicatalog.ai/atoms/me/) `me`: current user identity chip
- [Media Mention Card](https://a2uicatalog.ai/atoms/media_mention_card/) `media_mention_card`: press or media mention with logo and quote
- [Media Stream Card](https://a2uicatalog.ai/atoms/media_stream_card/) `media_stream_card`: Auto-detecting YouTube/Loom/Slides/Vimeo embed with skeleton
- [Mesh Gradient](https://a2uicatalog.ai/atoms/mesh_gradient/) `mesh_gradient`: dark card with radial mesh gradient background
- [Message Lanes](https://a2uicatalog.ai/atoms/message_lanes/) `message_lanes`: packets streaming from an agent node into a surface node that unfolds cards on arrival
- [Metar Feed](https://a2uicatalog.ai/atoms/metar_feed/) `metar_feed`: live METAR weather feed — parsed wind, temp, QNH for an ICAO station
- [Meteor Shower](https://a2uicatalog.ai/atoms/meteor_shower/) `meteor_shower`: CSS-animated diagonal falling meteor streaks on a dark panel
- [Metric Comparison Card](https://a2uicatalog.ai/atoms/metric_comparison_card/) `metric_comparison_card`: metric card comparing current vs previous period
- [Metric Delta](https://a2uicatalog.ai/atoms/metric_delta/) `metric_delta`: big number metric with directional change indicator or percentage
- [Metric Row](https://a2uicatalog.ai/atoms/metric_row/) `metric_row`: horizontal metric strip — value, label, prefix/suffix, trend up/down
- [Mini Sparkline Set](https://a2uicatalog.ai/atoms/mini_sparkline_set/) `mini_sparkline_set`: compact grid of multiple labeled sparklines
- [Modal](https://a2uicatalog.ai/atoms/modal/) `modal`: modal dialog overlay with title and content
- [Model Card](https://a2uicatalog.ai/atoms/model_card/) `model_card`: AI model spec card with context window, pricing, and capability badges
- [Module Map](https://a2uicatalog.ai/atoms/module_map/) `module_map`: course curriculum grid — module cards with live locked/available/complete status from progress_store
- [Motion Arch](https://a2uicatalog.ai/atoms/motion_arch/) `motion_arch`: architecture diagram that draws itself, with payloads moving along its edges
- [Motion Bricks](https://a2uicatalog.ai/atoms/motion_bricks/) `motion_bricks`: toy-brick sculpture or brick lettering that builds, flies in and turns on the film clock
- [Motion Browser](https://a2uicatalog.ai/atoms/motion_browser/) `motion_browser`: search box, filter chips and a grid of cards with live atom previews that types and rises in
- [Motion Checklist](https://a2uicatalog.ai/atoms/motion_checklist/) `motion_checklist`: card whose items tick off in turn as progress advances
- [Motion Code](https://a2uicatalog.ai/atoms/motion_code/) `motion_code`: code window that types itself in as progress advances
- [Motion Counter](https://a2uicatalog.ai/atoms/motion_counter/) `motion_counter`: big counting number with an optional caption
- [Motion Envelope](https://a2uicatalog.ai/atoms/motion_envelope/) `motion_envelope`: envelope that opens to reveal (or seals in) a letter of atoms, with address and stamp
- [Motion Finish](https://a2uicatalog.ai/atoms/motion_finish/) `motion_finish`: film grain, vignette, light leaks and glass sheen over the frame
- [Motion Group](https://a2uicatalog.ai/atoms/motion_group/) `motion_group`: staggered entrance for a list of blocks, with tokenised easing
- [Motion Hud](https://a2uicatalog.ai/atoms/motion_hud/) `motion_hud`: viewfinder HUD with corner brackets, counting timecode and progress bar
- [Motion Layer](https://a2uicatalog.ai/atoms/motion_layer/) `motion_layer`: scene container for a motion_timeline: children placed in percent of the layer, animated as one
- [Motion Leader](https://a2uicatalog.ai/atoms/motion_leader/) `motion_leader`: callout line with a start dot, arrowhead and label that draws itself
- [Motion Lower Third](https://a2uicatalog.ai/atoms/motion_lower_third/) `motion_lower_third`: name and role lower third that draws and slides in
- [Motion Map3D](https://a2uicatalog.ai/atoms/motion_map3d/) `motion_map3d`: a tilted 3D city map where legs draw station to station (out and back, straight or curved), chips travel, stations end done, warn or error and a clock counts…
- [Motion Mark](https://a2uicatalog.ai/atoms/motion_mark/) `motion_mark`: the A2UI Catalog logo mark that draws itself and sends an electron round its orbit
- [Motion Mask](https://a2uicatalog.ai/atoms/motion_mask/) `motion_mask`: reveals child atoms through a growing blob, circle, diagonal wipe, rounded rectangle, bars, diamond, halftone, conic sweep or slats
- [Motion Orbit](https://a2uicatalog.ai/atoms/motion_orbit/) `motion_orbit`: tiles that fly out onto an ellipse and orbit a centre as progress advances
- [Motion Pill](https://a2uicatalog.ai/atoms/motion_pill/) `motion_pill`: rounded call-to-action chip with an accent word that stays on screen across scenes
- [Motion Rays](https://a2uicatalog.ai/atoms/motion_rays/) `motion_rays`: sunburst or speed-line background that fans in and turns
- [Motion Shader](https://a2uicatalog.ai/atoms/motion_shader/) `motion_shader`: seekable WebGL liquid or aurora background with a CSS gradient fallback
- [Motion Shape](https://a2uicatalog.ai/atoms/motion_shape/) `motion_shape`: bar, rule, disc, sweeping ring or soft glow that draws with progress
- [Motion Sketch](https://a2uicatalog.ai/atoms/motion_sketch/) `motion_sketch`: strokes that draw themselves in turn, like an agent sketching
- [Motion Text](https://a2uicatalog.ai/atoms/motion_text/) `motion_text`: kinetic type that reveals by line, word or character as progress advances
- [Motion Timeline](https://a2uicatalog.ai/atoms/motion_timeline/) `motion_timeline`: timeline-driven stage that choreographs child atoms with tokenised easing, a camera, captions and a scrubber
- [Motion Tokens](https://a2uicatalog.ai/atoms/motion_tokens/) `motion_tokens`: reference card of the named easing curves, duration tokens and entrance effects
- [Motion Transition](https://a2uicatalog.ai/atoms/motion_transition/) `motion_transition`: a key-joined morph from one atom to another on the film's p dial
- [Motion Video](https://a2uicatalog.ai/atoms/motion_video/) `motion_video`: muted video whose frame follows the film clock
- [Multi Doc Ai Brief](https://a2uicatalog.ai/atoms/multi_doc_ai_brief/) `multi_doc_ai_brief`: multi-doc briefing pack — one Gemini summary card per Google Doc
- [Multi Select Input](https://a2uicatalog.ai/atoms/multi_select_input/) `multi_select_input`: chip-style multi-value select input — shadcn pattern
- [Multi Surface](https://a2uicatalog.ai/atoms/multi_surface/) `multi_surface`: three-engine multi-surface demo atom

## N

- [Nav Bar](https://a2uicatalog.ai/atoms/nav_bar/) `nav_bar`: named-page nav bar — generates ?nav= URLs at runtime from _A2UI_NAV; active page auto-highlighted
- [Nav Link](https://a2uicatalog.ai/atoms/nav_link/) `nav_link`: single CTA link to a named page — appends from= automatically for back-button support
- [Navigation Menu](https://a2uicatalog.ai/atoms/navigation_menu/) `navigation_menu`: multi-level horizontal nav with submenu panels — Radix pattern
- [Neon Glow](https://a2uicatalog.ai/atoms/neon_glow/) `neon_glow`: pulsing neon-glow text on dark card
- [Neon Text](https://a2uicatalog.ai/atoms/neon_text/) `neon_text`: neon-glow coloured text
- [Newsletter Cta](https://a2uicatalog.ai/atoms/newsletter_cta/) `newsletter_cta`: email subscription form for recurring reader updates
- [Next Step Strip](https://a2uicatalog.ai/atoms/next_step_strip/) `next_step_strip`: horizontal numbered next-steps strip
- [Noise Card](https://a2uicatalog.ai/atoms/noise_card/) `noise_card`: dark card with film-grain noise texture
- [Notification Badge](https://a2uicatalog.ai/atoms/notification_badge/) `notification_badge`: unread count badge overlaid on icon element
- [Notification Stack](https://a2uicatalog.ai/atoms/notification_stack/) `notification_stack`: persistent notification inbox list with unread indicators
- [Number Flip](https://a2uicatalog.ai/atoms/number_flip/) `number_flip`: slot-machine digit reveal counter
- [Number Odometer](https://a2uicatalog.ai/atoms/number_odometer/) `number_odometer`: Slot-machine digit-column flip to target number
- [Numbered List](https://a2uicatalog.ai/atoms/numbered_list/) `numbered_list`: decorative numbered list — large background numbers, circular badges, or bordered stage cards

## O

- [Onboarding Stepper](https://a2uicatalog.ai/atoms/onboarding_stepper/) `onboarding_stepper`: guided onboarding steps — completes to progress_store, restores on revisit
- [Orbit Diagram](https://a2uicatalog.ai/atoms/orbit_diagram/) `orbit_diagram`: animated orbit diagram with satellite nodes
- [Orbit Mark](https://a2uicatalog.ai/atoms/orbit_mark/) `orbit_mark`: the a2ui orbit-mark logo with flow-field streams captured into its orbits
- [Orbit Rings](https://a2uicatalog.ai/atoms/orbit_rings/) `orbit_rings`: tilted orbit rings, each a tier of labelled satellites around a centre node
- [Order Status Card](https://a2uicatalog.ai/atoms/order_status_card/) `order_status_card`: e-commerce order card with status badge and line item list
- [Otp Input](https://a2uicatalog.ai/atoms/otp_input/) `otp_input`: N-box one-time password digit input — shadcn OTP pattern

## P

- [Page Header](https://a2uicatalog.ai/atoms/page_header/) `page_header`: app-style page header — title, subtitle, icon, accent, tag badge
- [Pagination](https://a2uicatalog.ai/atoms/pagination/) `pagination`: page number controls
- [Palette](https://a2uicatalog.ai/atoms/palette/) `palette`: page-level accent colour and spacing theme variables
- [Paragraph](https://a2uicatalog.ai/atoms/paragraph/) `paragraph`: prose paragraph (GAS alias for body)
- [Parallax Card](https://a2uicatalog.ai/atoms/parallax_card/) `parallax_card`: 3D CSS perspective tilt card with mousemove parallax depth
- [Parallax Section](https://a2uicatalog.ai/atoms/parallax_section/) `parallax_section`: pointer-parallax depth layers of soft colour orbs on canvas, optional centred copy
- [Parallel Coords](https://a2uicatalog.ai/atoms/parallel_coords/) `parallel_coords`: parallel_coords: compare many numeric measures per row
- [Particle Burst](https://a2uicatalog.ai/atoms/particle_burst/) `particle_burst`: click anywhere to burst coloured gravity particles from click point
- [Particle Type](https://a2uicatalog.ai/atoms/particle_type/) `particle_type`: agent-supplied words assemble from particles; pointer scatters them
- [Pattern Background](https://a2uicatalog.ai/atoms/pattern_background/) `pattern_background`: dot-grid pattern background (alias)
- [Pdf Preview](https://a2uicatalog.ai/atoms/pdf_preview/) `pdf_preview`: embedded PDF preview panel PDF.
- [Person Card](https://a2uicatalog.ai/atoms/person_card/) `person_card`: person card — name, role, photo, bio, tags, email, linkedin
- [Photo Grid](https://a2uicatalog.ai/atoms/photo_grid/) `photo_grid`: clickable image grid — data-row-json tiles, reuses data_table's onRowClick contract; badge + active show per-tile state
- [Photo Stepper](https://a2uicatalog.ai/atoms/photo_stepper/) `photo_stepper`: full-viewport one-at-a-time photo lightbox — opens from a compact trigger card, carousel-style CSS paging, per-slide vote button reusing photo_grid''s click…
- [Pipeline](https://a2uicatalog.ai/atoms/pipeline/) `pipeline`: left-to-right step flow diagram
- [Playbook](https://a2uicatalog.ai/atoms/playbook/) `playbook`: multi-slide fullscreen presentation playbook
- [Polar Chart](https://a2uicatalog.ai/atoms/polar_chart/) `polar_chart`: polar_chart: points and lines by angle and radius, or a radar
- [Poll Block](https://a2uicatalog.ai/atoms/poll_block/) `poll_block`: poll with question options and vote count bars
- [Post Metadata Bar](https://a2uicatalog.ai/atoms/post_metadata_bar/) `post_metadata_bar`: article metadata bar with author date read time
- [Prerequisite Checklist](https://a2uicatalog.ai/atoms/prerequisite_checklist/) `prerequisite_checklist`: highlight prerequisite knowledge and system requirements before
- [Preview Frame](https://a2uicatalog.ai/atoms/preview_frame/) `preview_frame`: iframe whose src is wired to another node's value, so picking updates it with no repaint
- [Pricing Tier Card](https://a2uicatalog.ai/atoms/pricing_tier_card/) `pricing_tier_card`: single pricing plan card with features list
- [Pricing Tier Group](https://a2uicatalog.ai/atoms/pricing_tier_group/) `pricing_tier_group`: side-by-side pricing plan comparison different subscription plans.
- [Print Button](https://a2uicatalog.ai/atoms/print_button/) `print_button`: button to print or save page as PDF
- [Product Spec Table](https://a2uicatalog.ai/atoms/product_spec_table/) `product_spec_table`: product specifications in a clean table
- [Product Thumbnail](https://a2uicatalog.ai/atoms/product_thumbnail/) `product_thumbnail`: product card with image, price, status badge, and tags
- [Progress Bar](https://a2uicatalog.ai/atoms/progress_bar/) `progress_bar`: labelled horizontal progress bar with percentage
- [Progress Checkpoint](https://a2uicatalog.ai/atoms/progress_checkpoint/) `progress_checkpoint`: milestone progress indicator across multi-step tutorial
- [Progress Circle](https://a2uicatalog.ai/atoms/progress_circle/) `progress_circle`: CSS stroke-dashoffset animated SVG progress arc with centre percentage
- [Progress Reveal](https://a2uicatalog.ai/atoms/progress_reveal/) `progress_reveal`: scroll-triggered animated progress bar
- [Progress Ring](https://a2uicatalog.ai/atoms/progress_ring/) `progress_ring`: animated circular progress gauge
- [Progress Store](https://a2uicatalog.ai/atoms/progress_store/) `progress_store`: invisible LMS state connector — Sheet on GAS, localStorage on web; exposes window._A2UI_STORE
- [Prompt Template](https://a2uicatalog.ai/atoms/prompt_template/) `prompt_template`: LLM prompt with highlighted {variable} slots and copy button
- [Prompt To Schema](https://a2uicatalog.ai/atoms/prompt_to_schema/) `prompt_to_schema`: three-panel prompt → schema → output flow
- [Pros Cons List](https://a2uicatalog.ai/atoms/pros_cons_list/) `pros_cons_list`: two-column pros and cons comparison
- [Pull Stat](https://a2uicatalog.ai/atoms/pull_stat/) `pull_stat`: large display number pulled from prose for emphasis descriptive label.
- [Pulse Dot](https://a2uicatalog.ai/atoms/pulse_dot/) `pulse_dot`: pulsing status indicator dot
- [Punch Card](https://a2uicatalog.ai/atoms/punch_card/) `punch_card`: 7x24 grid of glowing activity bubbles representing hourly commits

## Q

- [Quiet Link](https://a2uicatalog.ai/atoms/quiet_link/) `quiet_link`: chromeless secondary text action, for use beside one primary button
- [Quiver](https://a2uicatalog.ai/atoms/quiver/) `quiver`: quiver: arrows showing direction and size at points
- [Quiz Question](https://a2uicatalog.ai/atoms/quiz_question/) `quiz_question`: MCQ or true/false question with CSS-only correct/wrong feedback
- [Quiz Result Summary](https://a2uicatalog.ai/atoms/quiz_result_summary/) `quiz_result_summary`: end-of-quiz result — score %, pass/fail, question dots, writes to progress_store
- [Quiz Set](https://a2uicatalog.ai/atoms/quiz_set/) `quiz_set`: multi-question interactive quiz
- [Quote](https://a2uicatalog.ai/atoms/quote/) `quote`: pull quote or blockquote with attribution

## R

- [Raise Hand](https://a2uicatalog.ai/atoms/raise_hand/) `raise_hand`: raise-hand button with live participant count
- [Rating Comparison](https://a2uicatalog.ai/atoms/rating_comparison/) `rating_comparison`: multiple items rated across dimensions scores.
- [Rating Stars](https://a2uicatalog.ai/atoms/rating_stars/) `rating_stars`: star rating display
- [Rating Summary Bar](https://a2uicatalog.ai/atoms/rating_summary_bar/) `rating_summary_bar`: star rating histogram with percentage bars per star level
- [Reaction Group](https://a2uicatalog.ai/atoms/reaction_group/) `reaction_group`: emoji reaction counters collecting reader sentiment feedback
- [Reaction Shower](https://a2uicatalog.ai/atoms/reaction_shower/) `reaction_shower`: emoji reaction buttons with raining particles
- [Readability Card](https://a2uicatalog.ai/atoms/readability_card/) `readability_card`: Flesch score, reading time and sentence stats computed from prose, longest sentence highlighted
- [Reading Progress Bar](https://a2uicatalog.ai/atoms/reading_progress_bar/) `reading_progress_bar`: track and display article reading progress completion status
- [Receipt](https://a2uicatalog.ai/atoms/receipt/) `receipt`: claim plus numbered, sourced evidence lines printed as a till receipt; newest line prints in
- [Reflection Prompt](https://a2uicatalog.ai/atoms/reflection_prompt/) `reflection_prompt`: reflection textarea — saves to progress_store; restores on revisit
- [Related Posts Grid](https://a2uicatalog.ai/atoms/related_posts_grid/) `related_posts_grid`: grid of recommended alternative post reading cards
- [Release Notes](https://a2uicatalog.ai/atoms/release_notes/) `release_notes`: grouped product release documentation by change category
- [Renderer Stats](https://a2uicatalog.ai/atoms/renderer_stats/) `renderer_stats`: stat grid for renderer capability metrics
- [Repo Links](https://a2uicatalog.ai/atoms/repo_links/) `repo_links`: styled GitHub repo link list
- [Resources List](https://a2uicatalog.ai/atoms/resources_list/) `resources_list`: downloadable project assets and attached resource links
- [Reveal](https://a2uicatalog.ai/atoms/reveal/) `reveal`: entrance animation wrapper for child blocks
- [Reveal Line](https://a2uicatalog.ai/atoms/reveal_line/) `reveal_line`: clip-path sweep-in reveal line, auto-plays on load
- [Reveal On Scroll](https://a2uicatalog.ai/atoms/reveal_on_scroll/) `reveal_on_scroll`: IntersectionObserver scroll-triggered fade+slide reveal
- [Review Callout](https://a2uicatalog.ai/atoms/review_callout/) `review_callout`: highlighted customer review excerpt by a star rating.
- [Ripple Button](https://a2uicatalog.ai/atoms/ripple_button/) `ripple_button`: CTA button with ripple click effect
- [Risk Flag](https://a2uicatalog.ai/atoms/risk_flag/) `risk_flag`: risk list — critical/high/medium/low with title, description, mitigation
- [Roadmap Card](https://a2uicatalog.ai/atoms/roadmap_card/) `roadmap_card`: quarter-based product roadmap with status-tagged milestones
- [Rubric Card](https://a2uicatalog.ai/atoms/rubric_card/) `rubric_card`: assessment rubric table — criteria rows × performance level columns

## S

- [Sankey Flow](https://a2uicatalog.ai/atoms/sankey_flow/) `sankey_flow`: curved multi-column gradient flow diagram for financial or pipeline streams
- [Scatter Matrix](https://a2uicatalog.ai/atoms/scatter_matrix/) `scatter_matrix`: scatter_matrix: every measure plotted against every other
- [Scatter Trend](https://a2uicatalog.ai/atoms/scatter_trend/) `scatter_trend`: coordinate scatter plot with regression trend line
- [Scenario Branch](https://a2uicatalog.ai/atoms/scenario_branch/) `scenario_branch`: branching scenario — situation + choices + consequence reveal with good/neutral/bad outcome
- [Scene Stage](https://a2uicatalog.ai/atoms/scene_stage/) `scene_stage`: animated looping SVG scene of a place (53 ready presets) from verified clipart
- [Schema Qr](https://a2uicatalog.ai/atoms/schema_qr/) `schema_qr`: self-contained QR code, optionally with a live URL input
- [Schema Reveal](https://a2uicatalog.ai/atoms/schema_reveal/) `schema_reveal`: self-reveal: shows this page's own JSON schema
- [Score Summary](https://a2uicatalog.ai/atoms/score_summary/) `score_summary`: end-of-exercise score card with correct/total, percentage, grade, and CTA
- [Scramble Reveal](https://a2uicatalog.ai/atoms/scramble_reveal/) `scramble_reveal`: character-scramble text reveal on scroll
- [Script Run Button](https://a2uicatalog.ai/atoms/script_run_button/) `script_run_button`: button to trigger server-side Apps Script function
- [Scroll Progress](https://a2uicatalog.ai/atoms/scroll_progress/) `scroll_progress`: fixed scroll-progress bar at page top
- [Scroll To Top](https://a2uicatalog.ai/atoms/scroll_to_top/) `scroll_to_top`: quickly return viewport to top of page document
- [Scroll Trigger](https://a2uicatalog.ai/atoms/scroll_trigger/) `scroll_trigger`: scroll-triggered animated reveal
- [Search Result Card](https://a2uicatalog.ai/atoms/search_result_card/) `search_result_card`: single search result card with title snippet URL
- [Section Break](https://a2uicatalog.ai/atoms/section_break/) `section_break`: section divider — optional centered label, solid/dashed/dots style
- [Section Label](https://a2uicatalog.ai/atoms/section_label/) `section_label`: uppercase section marker with glowing accent pill
- [Segmented Control](https://a2uicatalog.ai/atoms/segmented_control/) `segmented_control`: mutually exclusive option selector strip as a single control.
- [Sentiment Summary](https://a2uicatalog.ai/atoms/sentiment_summary/) `sentiment_summary`: meeting sentiment analyzer with index arc and timeline chart
- [Sequence Diagram](https://a2uicatalog.ai/atoms/sequence_diagram/) `sequence_diagram`: multi-actor sequence diagram — arrows, notes, alt/opt/loop frames
- [Series Overview Card](https://a2uicatalog.ai/atoms/series_overview_card/) `series_overview_card`: navigation index for multi-part article series parts
- [Service Status Board](https://a2uicatalog.ai/atoms/service_status_board/) `service_status_board`: verdict-first service status grid with triple-encoded state
- [Share Quote](https://a2uicatalog.ai/atoms/share_quote/) `share_quote`: prominent blockquote optimised for social media sharing
- [Sheet Form](https://a2uicatalog.ai/atoms/sheet_form/) `sheet_form`: form submitting rows to a Google Sheet tab
- [Sheet Form Submit](https://a2uicatalog.ai/atoms/sheet_form_submit/) `sheet_form_submit`: inline form that appends a row to a Google Sheet on submit
- [Sheet Preview](https://a2uicatalog.ai/atoms/sheet_preview/) `sheet_preview`: live read-only Google Sheet range preview
- [Sheet Stats](https://a2uicatalog.ai/atoms/sheet_stats/) `sheet_stats`: aggregate stats from a sheet range displayed as stat badges
- [Shimmer Button](https://a2uicatalog.ai/atoms/shimmer_button/) `shimmer_button`: button with CSS background-position shimmer sweep animation
- [Shimmer Text](https://a2uicatalog.ai/atoms/shimmer_text/) `shimmer_text`: headline text with shimmer gloss sweep
- [Shortcut Legend](https://a2uicatalog.ai/atoms/shortcut_legend/) `shortcut_legend`: keyboard shortcut cheat-sheet grid with key combos and labels
- [Side By Side Spec](https://a2uicatalog.ai/atoms/side_by_side_spec/) `side_by_side_spec`: two items compared spec by spec and values side-by-side.
- [Sidebar Note](https://a2uicatalog.ai/atoms/sidebar_note/) `sidebar_note`: off-axis container for peripheral notes or caveats
- [Signal Tunnel](https://a2uicatalog.ai/atoms/signal_tunnel/) `signal_tunnel`: radial light streaks converging on (or radiating from) a vanishing point, hero background
- [Skeleton](https://a2uicatalog.ai/atoms/skeleton/) `skeleton`: shimmer loading placeholder shapes
- [Skeleton Stage Card](https://a2uicatalog.ai/atoms/skeleton_stage_card/) `skeleton_stage_card`: Dark shimmer skeleton loader in card/list/media/chat variants
- [Skill Bars](https://a2uicatalog.ai/atoms/skill_bars/) `skill_bars`: labeled horizontal progress bars list — percent fill, per-bar color
- [Skill Radar](https://a2uicatalog.ai/atoms/skill_radar/) `skill_radar`: SVG radar/spider chart of skill competency levels — optional before/after growth overlay
- [Social Feed Embed](https://a2uicatalog.ai/atoms/social_feed_embed/) `social_feed_embed`: embedded social media post or feed or Instagram post.
- [Social Proof Banner](https://a2uicatalog.ai/atoms/social_proof_banner/) `social_proof_banner`: social proof strip with stats and logos
- [Social Share Bar](https://a2uicatalog.ai/atoms/social_share_bar/) `social_share_bar`: social media buttons for sharing article to external networks
- [Sonar Pulse](https://a2uicatalog.ai/atoms/sonar_pulse/) `sonar_pulse`: CSS concentric ring pulse animation for attention signalling
- [Sortable List](https://a2uicatalog.ai/atoms/sortable_list/) `sortable_list`: drag-to-reorder list emitting {id, order} on drop
- [Source Citation](https://a2uicatalog.ai/atoms/source_citation/) `source_citation`: numbered RAG source card with title excerpt and URL
- [Spaced Repetition Card](https://a2uicatalog.ai/atoms/spaced_repetition_card/) `spaced_repetition_card`: flip flashcard with confidence rating 1-5 — writes SRS interval to progress_store
- [Spacer](https://a2uicatalog.ai/atoms/spacer/) `spacer`: vertical whitespace gap
- [Sparkline](https://a2uicatalog.ai/atoms/sparkline/) `sparkline`: inline SVG trend line chart general trends.
- [Speed Counter](https://a2uicatalog.ai/atoms/speed_counter/) `speed_counter`: live page-load stopwatch
- [Spinner](https://a2uicatalog.ai/atoms/spinner/) `spinner`: loading spinner indicator
- [Split Pane](https://a2uicatalog.ai/atoms/split_pane/) `split_pane`: two-panel split — distinct bg per side, each side renders atom blocks
- [Split Reveal](https://a2uicatalog.ai/atoms/split_reveal/) `split_reveal`: split-panel reveal animation
- [Split Stat](https://a2uicatalog.ai/atoms/split_stat/) `split_stat`: two-column stat + text keynote layout with neon glow
- [Spotlight Card](https://a2uicatalog.ai/atoms/spotlight_card/) `spotlight_card`: card with cursor-following spotlight
- [Spotlight Cursor](https://a2uicatalog.ai/atoms/spotlight_cursor/) `spotlight_cursor`: dark overlay with cursor-following circular cutout — torch effect
- [Spring Nodes](https://a2uicatalog.ai/atoms/spring_nodes/) `spring_nodes`: mass-spring graph, settled static layout by default; interactive true adds drag-to-pin physics
- [Sprint Board](https://a2uicatalog.ai/atoms/sprint_board/) `sprint_board`: kanban sprint board with named columns and compact issue cards
- [Stack Layer](https://a2uicatalog.ai/atoms/stack_layer/) `stack_layer`: one layer band (badge, name, field/note or per-column cells) — normally used inside layer_stack
- [Stacked Area](https://a2uicatalog.ai/atoms/stacked_area/) `stacked_area`: stacked area chart of series layers over an ordered axis (zero baseline, optional 100% / streamgraph offsets)
- [Stagger List](https://a2uicatalog.ai/atoms/stagger_list/) `stagger_list`: stagger-animated list of items
- [Stance](https://a2uicatalog.ai/atoms/stance/) `stance`: claim set in type whose weight, size and tracking encode the stated confidence
- [Star Rating Display](https://a2uicatalog.ai/atoms/star_rating_display/) `star_rating_display`: read-only star rating with score and count
- [Star Rating Input](https://a2uicatalog.ai/atoms/star_rating_input/) `star_rating_input`: interactive star rating input
- [Stat Card](https://a2uicatalog.ai/atoms/stat_card/) `stat_card`: single KPI value with label delta and accent colour indicator
- [Stat Pulse](https://a2uicatalog.ai/atoms/stat_pulse/) `stat_pulse`: three hero stat tiles plus a small emphasized trend bar chart
- [Status Dashboard](https://a2uicatalog.ai/atoms/status_dashboard/) `status_dashboard`: grid of service status indicators with color states
- [Status Pill](https://a2uicatalog.ai/atoms/status_pill/) `status_pill`: coloured status pill badge
- [Status Timeline](https://a2uicatalog.ai/atoms/status_timeline/) `status_timeline`: status-dot vertical timeline
- [Step Progress](https://a2uicatalog.ai/atoms/step_progress/) `step_progress`: horizontal step progress — numbered circles, connecting lines, current step highlighted
- [Step Reveal Sequence](https://a2uicatalog.ai/atoms/step_reveal_sequence/) `step_reveal_sequence`: tabbed step-by-step sequence
- [Stepper](https://a2uicatalog.ai/atoms/stepper/) `stepper`: CSS animated vertical step sequence with checkmark draw and active pulse
- [Steps](https://a2uicatalog.ai/atoms/steps/) `steps`: numbered step-by-step instruction sequence
- [Stripe Background](https://a2uicatalog.ai/atoms/stripe_background/) `stripe_background`: animated diagonal stripe background card
- [Study Timer](https://a2uicatalog.ai/atoms/study_timer/) `study_timer`: Pomodoro focus/break timer with SVG ring — session only, no persistence
- [Subheading](https://a2uicatalog.ai/atoms/subheading/) `subheading`: H3 subsection title
- [Summary Box](https://a2uicatalog.ai/atoms/summary_box/) `summary_box`: condensed introductory panel with article overview
- [Sunburst](https://a2uicatalog.ai/atoms/sunburst/) `sunburst`: sunburst: share of a total in nested rings
- [Surface Map](https://a2uicatalog.ai/atoms/surface_map/) `surface_map`: A2UI surface diagram (schema → surfaces)
- [Surface Unlocked](https://a2uicatalog.ai/atoms/surface_unlocked/) `surface_unlocked`: achievement-style surface unlocked notification
- [Svg Path Draw](https://a2uicatalog.ai/atoms/svg_path_draw/) `svg_path_draw`: SVG stroke-dashoffset self-drawing path animation

## T

- [Tab Bar](https://a2uicatalog.ai/atoms/tab_bar/) `tab_bar`: horizontal tab navigation bar
- [Tab Group](https://a2uicatalog.ai/atoms/tab_group/) `tab_group`: pill tabs that show/hide sibling layout elements
- [Tabbed Code](https://a2uicatalog.ai/atoms/tabbed_code/) `tabbed_code`: organize multiple programming language snippets inside an interactive tab container
- [Table](https://a2uicatalog.ai/atoms/table/) `table`: data table with header row on mobile
- [Table Of Contents](https://a2uicatalog.ai/atoms/table_of_contents/) `table_of_contents`: navigate article sections using structured heading directory links
- [Tabs](https://a2uicatalog.ai/atoms/tabs/) `tabs`: tabbed content panels
- [Tag Block](https://a2uicatalog.ai/atoms/tag_block/) `tag_block`: horizontal wrap of neutral content chip labels
- [Tag Chip](https://a2uicatalog.ai/atoms/tag_chip/) `tag_chip`: inline tag chip
- [Tag Cloud](https://a2uicatalog.ai/atoms/tag_cloud/) `tag_cloud`: weighted tag cloud — variable size by weight, wrap layout
- [Take Away Card](https://a2uicatalog.ai/atoms/take_away_card/) `take_away_card`: bold screenshot-ready insight card
- [Task List](https://a2uicatalog.ai/atoms/task_list/) `task_list`: glassmorphic structured checklist with priority and assignee badges
- [Tasks Today](https://a2uicatalog.ai/atoms/tasks_today/) `tasks_today`: task checklist — live via Tasks API on GAS, items[] array on other surfaces
- [Terminal Block](https://a2uicatalog.ai/atoms/terminal_block/) `terminal_block`: display terminal commands and code output in a simulated console window
- [Terminal Boot](https://a2uicatalog.ai/atoms/terminal_boot/) `terminal_boot`: animated terminal boot sequence
- [Ternary Plot](https://a2uicatalog.ai/atoms/ternary_plot/) `ternary_plot`: ternary_plot: three-part mixes as points on a triangle
- [Testimonial Card](https://a2uicatalog.ai/atoms/testimonial_card/) `testimonial_card`: customer testimonial with photo name and quote
- [Text Block](https://a2uicatalog.ai/atoms/text_block/) `text_block`: plain text block
- [Text Callout](https://a2uicatalog.ai/atoms/text_callout/) `text_callout`: lightweight tinted inline tip or note block no icon
- [Text Highlight](https://a2uicatalog.ai/atoms/text_highlight/) `text_highlight`: prose sentence with **marked** words highlighted in accent colour
- [Text Reveal Mask](https://a2uicatalog.ai/atoms/text_reveal_mask/) `text_reveal_mask`: clip-path text reveal mask animation
- [Theme Toggle](https://a2uicatalog.ai/atoms/theme_toggle/) `theme_toggle`: floating light dark theme switch
- [Tilt Card](https://a2uicatalog.ai/atoms/tilt_card/) `tilt_card`: 3D perspective tilt card with glare highlight driven by cursor position
- [Time Estimate](https://a2uicatalog.ai/atoms/time_estimate/) `time_estimate`: estimated reading duration badge for article content
- [Timeline](https://a2uicatalog.ai/atoms/timeline/) `timeline`: chronological event timeline
- [Toast Notification](https://a2uicatalog.ai/atoms/toast_notification/) `toast_notification`: CSS slide-in/out fixed-position notification toast
- [Toggle Switch](https://a2uicatalog.ai/atoms/toggle_switch/) `toggle_switch`: CSS toggle switch input
- [Token Budget Meter](https://a2uicatalog.ai/atoms/token_budget_meter/) `token_budget_meter`: context window token usage meter with capacity warning colours
- [Tool Call Card](https://a2uicatalog.ai/atoms/tool_call_card/) `tool_call_card`: structured agent tool call card with status, inputs, result, and latency
- [Tool Tile](https://a2uicatalog.ai/atoms/tool_tile/) `tool_tile`: large icon+title tile, whole tile clickable, for an app/tool selector grid
- [Tooltip](https://a2uicatalog.ai/atoms/tooltip/) `tooltip`: hover tooltip on a trigger element over a specified trigger element, using only CSS.
- [Tooltip Glossary](https://a2uicatalog.ai/atoms/tooltip_glossary/) `tooltip_glossary`: glossary with hover tooltips
- [Tree View](https://a2uicatalog.ai/atoms/tree_view/) `tree_view`: recursive hierarchical tree with expand/collapse per node
- [Treemap](https://a2uicatalog.ai/atoms/treemap/) `treemap`: treemap: part-to-whole by category or nested path
- [Trend Indicator](https://a2uicatalog.ai/atoms/trend_indicator/) `trend_indicator`: compact inline value with mini trend bar the direction of a
- [Two Tone Card](https://a2uicatalog.ai/atoms/two_tone_card/) `two_tone_card`: split card — colored header with icon/title, white body renders atom blocks
- [Type Scale](https://a2uicatalog.ai/atoms/type_scale/) `type_scale`: computed modular type scale as a specimen sheet with CSS custom properties
- [Typewriter](https://a2uicatalog.ai/atoms/typewriter/) `typewriter`: CSS character-by-character typewriter reveal with optional cursor
- [Typewriter Text](https://a2uicatalog.ai/atoms/typewriter_text/) `typewriter_text`: CSS typewriter animation that reveals text character by character
- [Typing Indicator](https://a2uicatalog.ai/atoms/typing_indicator/) `typing_indicator`: Three-dot bouncing chat typing indicator bubble

## U

- [Uptime Timeline](https://a2uicatalog.ai/atoms/uptime_timeline/) `uptime_timeline`: 30-day uptime timeline with per-day status blocks
- [Url Anatomy](https://a2uicatalog.ai/atoms/url_anatomy/) `url_anatomy`: annotated URL anatomy diagram
- [User Greeting](https://a2uicatalog.ai/atoms/user_greeting/) `user_greeting`: personalised greeting with active user email
- [User Profile Card](https://a2uicatalog.ai/atoms/user_profile_card/) `user_profile_card`: user avatar, display name, email and domain — live on GAS, static fields elsewhere

## V

- [Variant Selector](https://a2uicatalog.ai/atoms/variant_selector/) `variant_selector`: CSS radio card group for variant or option picking
- [Version Badge](https://a2uicatalog.ai/atoms/version_badge/) `version_badge`: software release or dependency version number tag
- [Versus Block](https://a2uicatalog.ai/atoms/versus_block/) `versus_block`: head-to-head two-option versus card "VS" separator.
- [Video Card](https://a2uicatalog.ai/atoms/video_card/) `video_card`: video with title description and metadata to the video source.
- [Video Checkpoint](https://a2uicatalog.ai/atoms/video_checkpoint/) `video_checkpoint`: YouTube video with pausing quiz checkpoints — learner must answer to continue
- [Video Pair](https://a2uicatalog.ai/atoms/video_pair/) `video_pair`: two videos side by side
- [Video Thumbnail](https://a2uicatalog.ai/atoms/video_thumbnail/) `video_thumbnail`: clickable video thumbnail with play button and a link to the video source.
- [Voronoi](https://a2uicatalog.ai/atoms/voronoi/) `voronoi`: voronoi: nearest-site regions of a set of points (catchments, service areas)
- [Vote Button Group](https://a2uicatalog.ai/atoms/vote_button_group/) `vote_button_group`: Multi-option vote buttons in pill, neon, or default style

## W

- [Waterfall](https://a2uicatalog.ai/atoms/waterfall/) `waterfall`: waterfall: how changes add up to a total
- [Wave Divider](https://a2uicatalog.ai/atoms/wave_divider/) `wave_divider`: animated wave section separator
- [Wave Terrain](https://a2uicatalog.ai/atoms/wave_terrain/) `wave_terrain`: live flyover of noise-shaped ridgelines scrolling toward the viewer, hero background
- [Weather Now](https://a2uicatalog.ai/atoms/weather_now/) `weather_now`: hero temperature with drawn weather glyph and 4 supporting stats
- [Weather Outlook](https://a2uicatalog.ai/atoms/weather_outlook/) `weather_outlook`: multi-day range-bar forecast on one shared temperature axis
- [Weighted Words](https://a2uicatalog.ai/atoms/weighted_words/) `weighted_words`: headline where the agent sets each word's emphasis 1-5; heavy words land bigger
- [Word Cloud](https://a2uicatalog.ai/atoms/word_cloud/) `word_cloud`: interactive word cloud with optional live Sheet feed
- [Word Flip](https://a2uicatalog.ai/atoms/word_flip/) `word_flip`: CSS steps() vertical word carousel in an overflow-hidden inline container
- [Word Reveal](https://a2uicatalog.ai/atoms/word_reveal/) `word_reveal`: auto-play word-by-word fade-up reveal animation
- [Word Scramble](https://a2uicatalog.ai/atoms/word_scramble/) `word_scramble`: CSS steps() left-to-right character scramble-to-reveal
- [Workspace Logo](https://a2uicatalog.ai/atoms/workspace_logo/) `workspace_logo`: single Google Workspace product logo
- [Workspace Logo Grid](https://a2uicatalog.ai/atoms/workspace_logo_grid/) `workspace_logo_grid`: labelled grid of Workspace logos
- [Workspace Logo Strip](https://a2uicatalog.ai/atoms/workspace_logo_strip/) `workspace_logo_strip`: horizontal strip of Workspace logos

## X

- [Xp Bar](https://a2uicatalog.ai/atoms/xp_bar/) `xp_bar`: animated XP/points progress bar with level label and level-up flash

## Y

- [Youtube](https://a2uicatalog.ai/atoms/youtube/) `youtube`: responsive 16:9 YouTube embed

## Z

- [Zoomable Image](https://a2uicatalog.ai/atoms/zoomable_image/) `zoomable_image`: image with click-to-zoom lightbox

Full field contract: https://a2uicatalog.ai/spec.json