Using the Position, Size, AnchorPoint, and ZIndex properties, you have complete control on how to position, size, and order GuiObjects. You can also use tweening to transition a GuiObject smoothly from one state to another and provide dynamic visual feedback.
Buttons and Text Input
Button objects, such as TextButtons or ImageButtons, allow a user to perform an action, while TextBox objects allow a user to input text. You can customize these objects to provide context and prompts for what you want a user to do.
Proximity Prompts are unique built-in UI objects which prompt user interaction to trigger an action when they approach in-experience objects such as doors, light switches, and buttons.
Layout and Design
Beyond basic properties for adjusting position and size, Roblox also provides layouts, constraints, and appearance objects for further refining your UI. You can also animate UI through smoothly transitioning between property values.
Under the 9-slice design approach, you can divide a single Roblox image asset into nine sub-images, each with different scaling rules. This allows you to create UI elements of varying sizes without distorting the borders or corners.
Same border design used on UI elements of different sizes
Rich Text Markup
UI rich text utilizes simple markup tags to style sections of a string in bold, italics, underline, fill color, stroke variations, and more. You can apply styling tags to TextLabel, TextButton, and TextBox objects.
The built-in bubble chat system enables the display of customizable chat bubbles above avatars and NPCs. Key features include:
- Animated transitions for improved engagement.
- Numerous customization options, including bubble duration, text and background color, the distance in which bubbles minimize or hide, and much more.
- Ability to define unique bubble styles per-user or NPC.
Two players chatting while bubble chat is enabled