UI Elements Generator · GDScript

‹

UI Elements Generator

setup_ui() · signals · @onready

GDScript 4.x

⚫ Select elements to include

Label

Include this element ✓ code will be generated

@onready var name

node path

text content

font size (0 = skip)

alignment

modulate color (hex, empty = skip)

Set visible visible = true/false

visible

RichTextLabel

Include this element ✓ code will be generated

@onready var name

node path

bbcode text

Scroll active scroll_active = true

Fit content height fit_content = true

TextureRect

Include this element ✓ code will be generated

@onready var name

node path

texture preload path

stretch mode

Flip H

Flip V

Button

Include this element ✓ code will be generated

@onready var name

node path

button text

icon preload path (empty = skip)

Set disabled state disabled = true/false

Signal: pressed — connect in _ready(). Function name below.

signal handler function name

TextureButton

Include this element ✓ code will be generated

@onready var name

node path

normal texture

pressed texture (empty = skip)

disabled texture (empty = skip)

hover texture (empty = skip)

signal handler function name

LineEdit

Include this element ✓ code will be generated

@onready var name

node path

placeholder text

max length (0 = unlimited)

editable

secret (password field)

Signals available: text_changed(new_text), text_submitted(new_text)

text_changed

text_submitted

handler prefix (e.g. _on_line_edit)

TextEdit

Include this element ✓ code will be generated

@onready var name

node path

placeholder text

editable

wrap mode

text_changed signal

handler function name

OptionButton

Include this element ✓ code will be generated

@onready var name

node path

default selected index

Items

Signal: item_selected(index) — fired when user picks an option.

item_selected signal

handler function name

Panel

Include this element ✓ code will be generated

@onready var name

node path

modulate color (hex, empty = skip)

Set visible visible = true/false

HBoxContainer

Include this element ✓ code will be generated

@onready var name

node path

separation (px)

alignment

VBoxContainer

Include this element ✓ code will be generated

@onready var name

node path

separation (px)

alignment

GridContainer

Include this element ✓ code will be generated

@onready var name

node path

columns

h separation (px)

v separation (px)

Variables@onready — top of script

# tap Generate to produce code

setup_ui()call from _ready()

# tap Generate to produce code

Signalspaste inside _ready()

# tap Generate to produce code