UI Components

UI components define the properties of a UI element. For example, every element has a Transform2D component that defines its position, rotation, size, and scale. You can give an element additional properties by adding components, such as adding the Image component to give an element color or texture. Each UI element can have one visual component (Image or Text), one interactive component (Button, Check Box, Scroll Box, Slider, or Text Input), and one layout component (Layout Column, Layout Row, or Layout Grid). You can attach any or all of the remaining components: Dynamic components, Tooltips, Tooltips Display, Mask, and Fader.

Section topics

TopicDescription
Working with UI componentsLearn how to work with O3DE’s UI components.
UI Transform2DUse the UI Transform2D component to position and scale UI elements.
Visual componentsLearn about the visual components you can add to UI elements.
Interactive componentsLearn about interactive components and how UI canvases consume user input.
Layout componentsLearn how to use the layout components to arrange elements on a canvas.
Tooltip componentsAdd tooltips to your canvases with the Tooltip components.
UI FaderUse the UI Fader component to adjust the transparency of UI elements.
UI Flipbook AnimationUse the UI Flipbook Animation component together with the UI Image component to create animations.
UI MaskUse the UI Mask component to selectively hide areas of an element’s children.
UI SpawnerLearn how to spawn UI elements at runtime.

Working with UI Components

Learn how to add and delete components, reference UI elements as component properties, manage existing components in Open 3D Engine’s UI Editor and create your own UI components.

UI Transform2D

The Transform2D component defines an element’s position, rotation, size, and scale.

Visual Components

Use visual components (image or text) to give an element color and texture, or text in Open 3D Engine’s UI Editor .

Interactive Components

Use interactive components in the Open 3D Engine UI Editor.

Layout Components

Use layout components in O3DE’s UI Editor to organize child elements into columns, rows, or a grid.

Tooltip Components

Use tooltip components to give an element a tool tip when hovering over it, and configure its display properties in O3DE’s UI Editor.

UI Fader

Use the Fader component to adjust the transparency of an element and its children.

UI Flipbook Animation

Add the Flipbook Animation component to an element to create simple image-based animations in Open 3D Engine.

UI Mask

Add the Mask component to an element to reveal parts of the child element in Open 3D Engine.

UI Spawner

Use the Open 3D Engine UI Spawner component to spawn a runtime dynamic slice at an entity’s location with an optional offset.

Copyright © 2026 DawnEngine. All rights reserved.

DawnEngine is a commercial 3D engine distributed under the DawnEngine end-user license agreement. Engine binaries and source are proprietary and are not covered by the licenses below.

Documentation only: the prose and templates on this site are a derivative work of Open 3D Engine (O3DE) documentation by the O3DE Contributors, used under CC BY 4.0 (documentation content), Apache 2.0 (site code), and the MIT license (inline code samples).

The open-source 3D engine that DawnEngine is built on top of is Open 3D Engine . DawnEngine is not affiliated with, endorsed by, or sponsored by The Linux Foundation or the O3DE project. “O3DE” and “Open 3D Engine” are trademarks of The Linux Foundation.