Roblox Gui

by TabooHarmony38826be57ee37bcf023e9c2b85681bea3909281cNo licenseListed Oct 9, 2026Updated Oct 9, 2026

Use when building Roblox menus, HUDs, shops, notifications, dialogs, or responsive cross-platform UI.

AI-generated overview

Guidance for building Roblox GUI such as HUDs, menus, shops, dialogs and notifications.

What it does: This skill provides instructions and reference material for designing and implementing Roblox user interfaces, including ScreenGui overlays, SurfaceGui, BillboardGui, layouts, scaling and input handling. It covers responsive cross-platform UI, gamepad focus navigation, safe areas, scrolling and text growth, and reactive UI lifecycle concerns. It also addresses displaying server state and routing gameplay input through Input Actions. A reference file holds layout and lifecycle examples.
When to use it: Use it when building Roblox menus, HUDs, shops, dialogs, notifications or world-space UI. It is also relevant when making Roblox UI responsive across touch, gamepad and desktop, or when resolving scrolling, clipping and safe-area issues.
Requirements: No scripts are shipped; it is instructions plus a reference document. It assumes a Roblox development environment and familiarity with Roblox UI classes and services.

roblox gui

Load for HUDs, menus, shops, dialogs, notifications, or world-space UI.

ScreenGui overlays; SurfaceGui on surfaces; BillboardGui for world labels.
Let layouts and constraints own repeated layout; avoid per-frame pixel positioning.
Scale for responsive structure; Offset for padding/fixed-size details.
Design for touch/gamepad too. Use ContextActionService for gameplay bindings where appropriate.
Test directional focus; set GuiService.SelectedObject for gamepad entry.
Follow existing visual language and owner art direction; test UI over the game world.
UI displays server state; a button is not an authority boundary.
Reactive UI: own per-screen cleanup separately from session state; repeat open/close to test leaks (full.md).
Server Authority: display confirmed inventory/currency; route gameplay input through Input Actions.
Resolve scrolling, text growth, clipping, and safe areas before polish.
Loading UI belongs in ReplicatedFirst; client character teleports are not readiness gates.

Layout and lifecycle examples: references/full.md [blocked]

License: No license

Content belongs to its original authors. SourceWeft indexes it from a public repository.