User interface (UI)

In this section of the tutorial we explain the basics of creating a graphicaluser interface (GUI) in Godot.

UI building blocks

Like everything else in Godot the user interface is built using nodes, specificallyControl nodes. There are many different types of controlswhich are useful for creating specific types of GUIs. For simplicity we canseparate them into two groups: content and layout.

Typical content controls include:

Typical layout controls include:

The following pages explain the basics of using such controls.

GUI skinning and themes

Godot features an in-depth skinning/theming system for control nodes. The pages in this sectionexplain the benefits of that system and how to set it up in your projects.

Control node tutorials

The following articles cover specific details of using particular control nodes.