Hytale UI EditorClient-side
Components
Layout
Group
Basic container that holds child elements.
Drag
Panel
Styled container with background and border support.
Drag
Scroll Area
Scrollable container for overflow content.
Drag
Tab Navigation
Tab-based navigation container with switchable panels.
Drag
Dynamic Pane
Pane that can be dynamically shown/hidden.
Drag
Dynamic Pane Container
Container for managing multiple dynamic panes.
Drag
Reorderable List
List with drag-to-reorder functionality.
Drag
Input
Button
Basic clickable button element.
Drag
Text Button
Button with text label and styling.
Drag
Action Button
Button with icon and action callback.
Drag
Toggle Button
Button that toggles between on/off states.
Drag
Tab Button
Button used within TabNavigation for switching tabs.
Drag
Back Button
Navigation button to go back/close.
Drag
Checkbox
Boolean toggle checkbox input.
Drag
Labeled Checkbox
Checkbox with integrated text label.
Drag
Text Field
Single-line text input field.
Drag
Compact Text Field
Smaller single-line text input.
Drag
Multiline Text Field
Multi-line text area input.
Drag
Number Field
Numeric input with validation.
Drag
Slider
Integer value slider control.
Drag
Float Slider
Floating-point value slider control.
Drag
Slider + Number
Combined slider with numeric input field.
Drag
Float Slider + Number
Combined float slider with numeric input field.
Drag
Dropdown
Dropdown selection box.
Drag
Color Picker
Full color picker with palette.
Drag
Color Dropdown
Dropdown with color picker popup.
Drag
Color Grid
Grid of selectable color options.
Drag
Block Selector
Game block/tile selection interface.
Drag
Code Editor
Syntax-highlighted code editing area.
Drag
Menu Item
Selectable item within a menu list.
Drag
Reorder Grip
Drag handle for reorderable list items.
Drag
Display
Label
Text display element with styling options.
Drag
Hotkey Label
Label that displays keyboard hotkey bindings.
Drag
Timer Label
Label that displays countdown or elapsed time.
Drag
Image
Basic image display element.
Drag
Sprite
Sprite image with frame animation support.
Drag
Asset Image
Image loaded from game asset path.
Drag
Progress Bar
Horizontal or vertical progress indicator.
Drag
Circular Progress
Circular/radial progress indicator.
Drag
Item Icon
Displays a single game item icon.
Drag
Item Slot
Single inventory slot display.
Drag
Item Slot Button
Clickable inventory slot.
Drag
Item Grid
Grid-based inventory display system.
Drag
Scene Blur
Applies blur effect to the background scene.
Drag
Character Preview
3D character model preview display.
Drag
Item Preview
3D item model preview display.
Drag
Custom
Basic HUD
Centered panel with title.
Drag
Dialog Box
Dialog with title and button.
Drag
Input Form
Simple form with label and field.
Drag
Progress Display
Progress bar example.
Drag
Scrollable List
Scroll area with list items.
Drag
Panel Card
Panel with title, body, and actions.
Drag
Toolbar Row
Horizontal toolbar with buttons.
Drag
Icon + Label
Row with image and label.
Drag
Stat Tile
Compact stat tile with value.
Drag
List Item
Single list row with label and action.
Drag
Two Column Form
Labels with paired input fields.
Drag
Search Bar
Inline search input with button.
Drag
Notification Banner
Banner with text and dismiss button.
Drag
Profile Card
Avatar with name and action button.
Drag
Status Pill
Compact label with value.
Drag
Footer Actions
Right-aligned action buttons.
Drag
Stat Row
Row with label and progress.
Drag
Button Row
Stack of primary and secondary buttons.
Drag
Empty State
Icon with title and description.
Drag
Layers
No elements yet.
Properties
Select an element to edit its properties.
Loading...