godot-ui

Concentrated reference knowledge for building user interfaces in the Godot engine, spanning the Control node system, themes and styling, responsive layouts, and complete patterns for menus, HUDs, inventories, and dialogue systems. It is intended for use whenever work involves Godot UI or menu creation and styling, and its allowed tools include Godot MCP access alongside file read and write operations.

The material starts from base Control node properties such as anchors, offsets, size flags, minimum size, mouse filtering, and focus mode, then catalogues the node types available: container nodes for layout including VBox, HBox, Grid, Margin, Center, Panel, Scroll, Tab, and Split containers; interactive controls such as buttons, checkboxes, option buttons, text inputs, sliders, spin boxes, progress bars, lists, and trees; display nodes including labels, rich text, texture and color rects, nine-patch, and video; and advanced controls such as popups, menus, file and color dialogs, and sub-viewports.

Layout guidance covers the anchor and container system with common anchor presets, and a responsive design pattern that connects to the viewport size_changed signal to switch between layouts based on aspect ratio. The theme section explains theme structure through StyleBoxes, fonts, colors, icons, and constants, with GDScript examples that build StyleBoxFlat styles for a button's normal, hover, and pressed states and apply the theme to a control, plus the recommendation to save reusable theme resource files for visual editing and inheritance. Rounding it out are ready-to-adapt node-tree templates for the most common screens: a main menu, a settings menu with tabbed graphics and audio sections, a HUD placed on a high-layer CanvasLayer, an inventory system with an item grid and detail panel, and a bottom-anchored dialogue box with a character portrait. Together these give a practical starting structure for typical game UI rather than requiring every layout to be designed from scratch.