Skip to content

UI Node Catalog

Generated category

UI Node Catalog

Generated from 86 catalog nodes in UI.

UI/ComponentUI/ContainerUI/DataUI/ElementsUI/Elements/ButtonUI/Elements/ChartsUI/Elements/Charts/AgentUI/Elements/CheckboxUI/Elements/ContainersUI/Elements/DisplayUI/Elements/FilesUI/Elements/GameUI/Elements/GeoMapUI/Elements/GetUI/Elements/HotspotUI/Elements/InputUI/Elements/LabelerUI/Elements/Media+9 more

Nodes in this category

Showing 86 of 86 generated node docs.

Create Component

Creates an A2UI component with ID, style, and component data

5 in2 outSecurity 10/10

Instantiate Widget

Creates a new widget instance for dynamic insertion into containers. Select a widget from the dropdown to auto-generate input pins for its exposed props and customizations.

3 in2 outSecurity 10/10

Push To Container

Dynamically adds an element to a container's children list

4 in2 outSecurity 10/10

Remove From Container

Removes an element from a container's children list

3 in2 outSecurity 10/10

Data Update

Updates data in a surface's data model

4 in1 outSecurity 10/10

Request Elements

Requests element values from the frontend before processing

2 in1 outSecurity 10/10

Upsert Element

Updates or inserts an element value in the frontend

3 in1 outSecurity 10/10

Clone Element

Clones an existing element and adds it to a container

5 in2 outSecurity 10/10

Create Element

Creates a new element and adds it to a parent container

7 in2 outSecurity 10/10

Get Element

Gets an element's data from the page

1 in2 outSecurity 10/10

Get Element Text

Gets the text content of an element

1 in2 outSecurity 10/10

Get Element Value

Gets the value of an input element

1 in2 outSecurity 10/10

Remove Element

Removes an element from the page

3 in1 outSecurity 10/10

Set Element Action

Dynamically sets the action of an interactive element (button, link, etc.)

7 in1 outSecurity 10/10

Set Element Disabled

Enables or disables an element

3 in1 outSecurity 10/10

Set Element Loading

Sets the loading state of a button element

3 in1 outSecurity 10/10

Set Element Style

Sets style properties of an element

3 in1 outSecurity 10/10

Set Element Text

Sets the text content of an element

3 in1 outSecurity 10/10

Set Element Value

Sets the value of an input element

3 in1 outSecurity 10/10

Set Element Visibility

Shows or hides an element

3 in1 outSecurity 10/10

Get Button Disabled

UI/Elements/Button

Gets whether a button element is disabled

1 in1 outSecurity 10/10

Get Button Label

UI/Elements/Button

Gets the label text of a button element

1 in1 outSecurity 10/10

Get Button Loading

UI/Elements/Button

Gets whether a button element is in loading state

1 in1 outSecurity 10/10

Set Button Label

UI/Elements/Button

Sets the label text of a button element

3 in1 outSecurity 10/10

Push Data to Chart

UI/Elements/Charts

Push data to a Nivo or Plotly chart. Select JSON for pre-formatted data or CSV for auto-transformation.

5 in1 outSecurity 10/10

Set Chart Layout

UI/Elements/Charts

Sets the layout configuration for a Plotly chart

3 in1 outSecurity 10/10

Set Chart Style

UI/Elements/Charts

Configure Nivo chart appearance

4 in1 outSecurity 10/10

Set Nivo Chart Config

UI/Elements/Charts

Sets configuration options for a Nivo chart

6 in1 outSecurity 10/10

Chart Data Agent

UI/Elements/Charts/Agent

Uses an LLM to write and run SQL against a DataFusion session, returning chart-ready struct data.

7 in4 outSecurity 3/10

Update Toggle

UI/Elements/Checkbox

Set or toggle checkbox/switch checked state

4 in1 outSecurity 10/10

Clear Children

UI/Elements/Containers

Removes all children from a container element

2 in1 outSecurity 10/10

Get Child At Index

UI/Elements/Containers

Gets a child element at a specific index from a container

2 in3 outSecurity 10/10

Insert Child At Index

UI/Elements/Containers

Inserts a child element at a specific index in a container

4 in1 outSecurity 10/10

Push Child

UI/Elements/Containers

Appends a child element to a container

3 in1 outSecurity 10/10

Remove Child At Index

UI/Elements/Containers

Removes a child element at a specific index from a container

3 in1 outSecurity 10/10

Set Badge Content

UI/Elements/Display

Sets the content/text of a badge element

3 in1 outSecurity 10/10

Set Icon

UI/Elements/Display

Sets the icon name of an icon element

3 in1 outSecurity 10/10

Set Markdown Content

UI/Elements/Display

Sets the markdown content of a markdown element

3 in1 outSecurity 10/10

Set Progress

UI/Elements/Display

Sets the value of a progress bar (0-100)

3 in1 outSecurity 10/10

Get File Input Files

UI/Elements/Files

Gets uploaded files, signed URLs, and FlowPaths from an A2UI fileInput element

1 in4 outSecurity 10/10

Update Model3D

UI/Elements/Game

Update any property of a 3D model

4 in1 outSecurity 10/10

Update Scene3D

UI/Elements/Game

Update any property of a 3D scene

4 in1 outSecurity 10/10

Update Sprite

UI/Elements/Game

Update any property of a sprite

4 in1 outSecurity 10/10

Update GeoMap

UI/Elements/GeoMap

Update markers, routes, or viewport of a map

4 in1 outSecurity 10/10

Get Iframe Src

UI/Elements/Get

Gets the src URL of an iframe element

1 in1 outSecurity 10/10

Get Tooltip Content

UI/Elements/Get

Gets the content text of a tooltip element

1 in2 outSecurity 10/10

Update Hotspot

UI/Elements/Hotspot

Add, remove, or manage hotspots on an ImageHotspot element

4 in1 outSecurity 10/10

Clear Input

UI/Elements/Input

Clears the value of an input element

2 in1 outSecurity 10/10

Get Input Placeholder

UI/Elements/Input

Gets the placeholder text of an input element

1 in1 outSecurity 10/10

Set Input Placeholder

UI/Elements/Input

Sets the placeholder text of an input element

3 in1 outSecurity 10/10

Set TextField Error

UI/Elements/Input

Sets the error state or message of a text field

3 in1 outSecurity 10/10

Update Labeler

UI/Elements/Labeler

Add, remove, or manage bounding boxes on an ImageLabeler element

4 in1 outSecurity 10/10

Set Iframe HTML

UI/Elements/Media

Sets raw HTML content of an iframe element for previewing generated HTML

3 in1 outSecurity 10/10

Set Iframe Src

UI/Elements/Media

Sets the source URL of an iframe element

3 in1 outSecurity 10/10

Set Media Source

UI/Elements/Media

Signs a FlowPath and sets it as the source for image, video, avatar, iframe, lottie, or file preview elements

4 in4 outSecurity 10/10

Set Bounding Boxes

UI/Elements/Overlay

Set, push, or clear bounding boxes on a BoundingBoxOverlay element

4 in1 outSecurity 10/10

Query Children

UI/Elements/Query

Gets all child elements of a container

1 in3 outSecurity 10/10

Query Elements by ID

UI/Elements/Query

Gets elements whose IDs match a pattern

2 in3 outSecurity 10/10

Query Elements by Type

UI/Elements/Query

Gets all elements of a specific component type

1 in2 outSecurity 10/10

Query Parent

UI/Elements/Query

Gets the parent element of an element

1 in3 outSecurity 10/10

Get Select Value

UI/Elements/Select

Gets the selected value of a select element

1 in2 outSecurity 10/10

Set Select Options

UI/Elements/Select

Sets the available options in a select element

3 in1 outSecurity 10/10

Set Select Value

UI/Elements/Select

Sets the selected value of a select element

3 in1 outSecurity 10/10

Set Tooltip Content

UI/Elements/Set

Sets the content text of a tooltip element

3 in1 outSecurity 10/10

Set Slider Value

UI/Elements/Slider

Sets the value of a slider element

3 in1 outSecurity 10/10

Push CSV to Table

UI/Elements/Table

Push CSV or Table data directly to a table element

5 in1 outSecurity 10/10

Update Table

UI/Elements/Table

Add, remove, or update table data and structure

4 in1 outSecurity 10/10

Close Dialog

Closes an open dialog. If no dialog ID is specified, closes the topmost dialog.

2 in1 outSecurity 10/10

Get Current Route

Gets the current page route from the execution context

1 in2 outSecurity 10/10

Get Query Params

Gets query parameters from the current URL

2 in3 outSecurity 10/10

Get Route Params

Gets route parameters from the current URL

2 in3 outSecurity 10/10

Navigate To

Navigates to a page route

4 in1 outSecurity 10/10

Open Dialog

Opens a route/page as a modal dialog overlay

5 in1 outSecurity 10/10

Set Query Param

Sets or updates a query parameter in the URL

4 in1 outSecurity 10/10

URL Decode

Decodes a URL-encoded (percent-encoded) string

1 in2 outSecurity 10/10

URL Encode

Encodes a string for safe use in URLs (percent-encoding)

1 in1 outSecurity 10/10

Get Global State

Gets a value from global state by key

1 in2 outSecurity 10/10

Get Page State

Gets a value from page-local state by key

1 in2 outSecurity 10/10

Set Global State

Sets a value in global state by key

3 in1 outSecurity 10/10

Set Page State

Sets a value in page-local state by key

3 in1 outSecurity 10/10

Begin Rendering

Sends a surface to the frontend to begin rendering

4 in1 outSecurity 10/10

Create Surface

Creates a new A2UI surface with an ID and root component

4 in2 outSecurity 10/10

Delete Surface

Removes a surface from the frontend

2 in1 outSecurity 10/10

Set Surface Custom CSS

Sets or clears scoped custom CSS for a custom UI surface at runtime

3 in1 outSecurity 10/10

Show Screen

Shows the current frontend screen while the workflow continues running

1 in1 outSecurity 10/10

Surface Update

Updates components in an existing surface

3 in1 outSecurity 10/10