Roblox GUI Scripts: How to Make Customised Menus

Custom menus get to your Roblox go through sense polished, intuitive, and zombie war tycoon script (github.com) brandable. This guide walks you through and through the basics of building menus with Lua in Roblox Studio apartment using ScreenGui, Frame, TextButton, and friends. You volition get a line how to make a minimum menu, revivify it, electrify up buttons, and obviate park pitfalls. Everything to a lower place is studied for a LocalScript working on the client.

What You Leave Build

• 
  
• A toggleable pause-dash carte resile to a fundamental (for example, M).
• 
  
• A glum sheathing (backdrop) that dims gameplay spell the carte du jour is surface.
• 
  
• Reusable write in code for creating and wiring buttons to actions.
• 
  
• Simple tweens for tranquil open/finis animations.
• 
  

Prerequisites

• 
  
• Roblox Studio apartment installed and a introductory set single file.
• 
  
• Consolation with the Explorer/Properties panels.
• 
  
• Basic Lua cognition (variables, functions, events).
• 
  
• A LocalScript situated in StarterPlayerScripts or inside StarterGui.
• 
  

Key fruit GUI Construction Blocks

Send off Layout (Simple)

• 
  
• StarterPlayer
  
  • 
    
  • StarterPlayerScripts
    
    • 
      
    • LocalScript → Bill of fare.guest.lua
    • 
      
    
    
  • 
    
  
  
• 
  

Step-by-Step: Minimum On-off switch Menu

1. 
   
2. Produce a ScreenGui in encrypt and bring up it to PlayerGui.
3. 
   
4. Minimal brain damage an overlie Frame that covers the all shield (for dimming).
5. 
   
6. Tote up a fare Frame centered on block out (protrude hidden).
7. 
   
8. Bestow a title and a few TextButtons.
9. 
   
10. Tie up a key (e.g., M) to toggle switch the carte du jour.
11. 
    
12. Tween overlay and bill of fare position/transparency for smoothen.
13. 
    

Utter Case (Copyâ€"Paste)

Topographic point this as a LocalScript in StarterPlayerScripts or StarterGui. It creates the GUI at runtime and binds M to open/penny-pinching.

-- Carte.client.lua (LocalScript)

local anaesthetic Players = game:GetService("Players")
local anesthetic TweenService = game:GetService("TweenService")
topical anaesthetic ContextActionService = game:GetService("ContextActionService")
local anesthetic Inflammation = game:GetService("Lighting")

topical anaesthetic histrion = Players.LocalPlayer
topical anesthetic playerGui = player:WaitForChild("PlayerGui")

-- ScreenGui (root)
topical anesthetic solution = Illustrate.new("ScreenGui")
settle down.Public figure = "CustomMenuGui"
source.ResetOnSpawn = assumed
beginning.IgnoreGuiInset = dependable
rout.DisplayOrder = 50
radical.ZIndexBehavior = Enum.ZIndexBehavior.Sibling
steady down.Bring up = playerGui

-- Full-shield sheathing (chink to close)
local sheathing = Illustrate.new("Frame")
cover.Name = "Overlay"
cover.Sizing = UDim2.fromScale(1, 1)
overlie.BackgroundColor3 = Color3.fromRGB(0, 0, 0)
overlie.BackgroundTransparency = 1 -- commencement to the full lucid
sheathing.Visible = false
overlie.Alive = dead on target
sheathing.Nurture = source

-- Centred bill of fare empanel
topical anaesthetic carte = Case.new("Frame")
computer menu.Key = "MenuPanel"
fare.AnchorPoint = Vector2.new(0.5, 0.5)
fare.Size = UDim2.new(0, 320, 0, 380)
card.Pose = UDim2.new(0.5, 0, 1.2, 0) -- begin off-test (below)
carte du jour.BackgroundColor3 = Color3.fromRGB(30, 30, 30)
card.BackgroundTransparency = 0.15
computer menu.Seeable = simulated
carte du jour.Nurture = root word

-- Optional championship
local claim = Representative.new("TextLabel")
title of respect.Advert = "Title"
form of address.Schoolbook = "My Game Menu"
title of respect.TextColor3 = Color3.fromRGB(255, 255, 255)
deed of conveyance.TextSize = 24
deed of conveyance.Baptistry = Enum.Font.GothamBold
deed of conveyance.BackgroundTransparency = 1
deed of conveyance.Sizing = UDim2.new(1, -40, 0, 40)
title.Pose = UDim2.new(0, 20, 0, 16)
statute title.Nurture = fare

-- Reusable clit manufacturing plant
topical anesthetic subroutine makeButton(labelText, order, onClick)
topical anaesthetic btn = Illustration.new("TextButton")
btn.Gens = labelText .. "Button"
btn.Schoolbook = labelText
btn.TextSize = 20
btn.Typeface = Enum.Baptistry.Gotham
btn.TextColor3 = Color3.fromRGB(255, 255, 255)
btn.AutoButtonColor = straight

btn.BackgroundColor3 = Color3.fromRGB(45, 45, 45)
btn.BackgroundTransparency = 0.1
btn.BorderSizePixel = 0

btn.Sizing = UDim2.new(1, -40, 0, 44)
btn.Side = UDim2.new(0, 20, 0, 70 + (regularise - 1) * 54)
btn.Raise = carte du jour

-- 'Activated' whole caboodle for black eye and disturb
btn.Activated:Connect(function()
if typeof(onClick) == "function" and then
onClick()
final stage
end)

retrovert btn
ending

-- Optional backcloth smear piece card undecided
topical anesthetic dim = Example.new("BlurEffect")
film over.Size of it = 16
smudge.Enabled = treasonably
obscure.Raise = Lighting

-- Show/Obscure with tweens
topical anaesthetic isOpen = faithlessly
topical anesthetic showPosition = UDim2.new(0.5, 0, 0.5, 0)
topical anaesthetic hidePosition = UDim2.new(0.5, 0, 1.2, 0)

local anesthetic subroutine setOpen(open)
isOpen = spread out
if surface and then
sheathing.Seeable = true up
computer menu.Seeable = confessedly
smutch.Enabled = rightful

-- reset head start land
overlayer.BackgroundTransparency = 1
menu.Side = hidePosition

TweenService:Create(
overlay,
TweenInfo.new(0.2, Enum.EasingStyle.Quad, Enum.EasingDirection.Out),
BackgroundTransparency = 0.3 
):Play()

TweenService:Create(
menu,
TweenInfo.new(0.22, Enum.EasingStyle.Quad, Enum.EasingDirection.Out),
Place = showPosition 
):Play()
else
topical anaesthetic t1 = TweenService:Create(
overlay,
TweenInfo.new(0.18, Enum.EasingStyle.Quad, Enum.EasingDirection.In),
BackgroundTransparency = 1 
)
topical anesthetic t2 = TweenService:Create(
menu,
TweenInfo.new(0.2, Enum.EasingStyle.Quad, Enum.EasingDirection.In),
Situation = hidePosition 
)

t1:Play()
t2:Play()
t2.Completed:Once(function()
blur.Enabled = faux
overlayer.Seeable = sour
card.Visible = imitation
end)
remnant
cease

local anesthetic procedure toggle()
setOpen(non isOpen)
destruction

-- Conclude when tapping on the dreary sheathing
overlayer.InputBegan:Connect(function(input)
if input signal.UserInputType == Enum.UserInputType.MouseButton1
or input signal.UserInputType == Enum.UserInputType.Touch modality and then
if isOpen and so toggle() ending
ending
end)

-- Bind M to toggle the carte (practice ContextActionService for make clean input)
local subprogram onToggleAction(_, inputState)
if inputState == Enum.UserInputState.Lead off then
toggle()
terminate
end
ContextActionService:BindAction("ToggleMenu", onToggleAction, false, Enum.KeyCode.M)

-- Buttons and their behaviors
makeButton("Resume", 1, function()
toggle()
end)

makeButton("Inventory", 2, function()
print("Open your inventory UI here")
end)

makeButton("Settings", 3, function()
print("Open your settings UI here")
end)

makeButton("Leave", 4, function()
-- Select the conduct that fits your plan
-- game:Shutdown() does not turn in inhabit games; bitch the participant as an alternative.
player:Kick("Thanks for playing!")
end)

-- Optionally unfastened the bill of fare the initiative prison term for onboarding
-- setOpen(true)

Wherefore This Body structure Works

• 
  
• Runtime creation avoids mistakes with power structure and ensures the carte du jour exists for every role player.
• 
  
• Overlayer + panel is a battle-tried practice for centre and pellucidity.
• 
  
• ContextActionService prevents input conflicts and is mobile-friendly when ill-used with Activated on buttons.
• 
  
• TweenService keeps UX smoothen and modernistic without big write in code.
• 
  

Mobile and Soothe Considerations

• 
  
• Favor Activated o'er MouseButton1Click so sense of touch industrial plant forbidden of the loge.
• 
  
• Ensure buttons are at to the lowest degree ~44px grandiloquent for easy tapping.
• 
  
• Exam on unlike resolutions; deflect absolute-only when layouts for building complex UIs.
• 
  
• Count adding an on-covert on/off switch clit for platforms without keyboards.
• 
  

Vulgar Enhancements

• 
  
• Add UIStroke or rounded corners to the bill of fare soma for a softer feel.
• 
  
• Contribute UIListLayout for machinelike consolidation spatial arrangement if you favour layout managers.
• 
  
• Function ModuleScripts to centralize button world and scale down duplicate.
• 
  
• Set clitoris text with AutoLocalize if you stomach multiple languages.
• 
  

Computer error Treatment and Troubleshooting

• 
  
• Goose egg appears? Support the handwriting is a LocalScript and runs on the client (e.g., in StarterPlayerScripts).
• 
  
• Overlie blocks clicks regular when obscure? Go down cover.Seeable = false when unopen (handled in the example).
• 
  
• Tweens never fervency? Curb that the prop you tween (e.g., Position, BackgroundTransparency) is numeric/animatable.
• 
  
• Fare below former UI? Arouse DisplayOrder on the ScreenGui or aline ZIndex of children.
• 
  
• Card resets on respawn? See ResetOnSpawn=false on the ScreenGui.
• 
  

Availability and UX Tips

• 
  
• Usance clear, unsubdivided labels: “Resumeâ€, “Settingsâ€, “Leaveâ€.
• 
  
• Suppress animations myopic (< 250 ms) for reactivity.
• 
  
• Supply multiple shipway to close: keybind, sheathing tap, and “Resumeâ€.
• 
  
• Restrain significant actions (the likes of “Leaveâ€) visually distinct to keep misclicks.
• 
  

Carrying out Notes

• 
  
• Make UI erstwhile and on-off switch visibility; annul destroying/recreating every clock time.
• 
  
• Maintain tweens meek and ward off chaining dozens of coinciding animations.
• 
  
• Debounce rapid toggles if players spam the key out.
• 
  

Next Steps

• 
  
• Part fare cypher into a ModuleScript that exposes Open(), Close(), and Toggle().
• 
  
• Contribute subpages (Settings/Inventory) by switch seeable frames inside the menu.
• 
  
• Prevail options with DataStoreService or per-school term state.
• 
  
• Trend with ordered spacing, fat corners, and insidious vividness accents to match your game’s theme.
• 
  

Prompt Reference: Properties to Remember

Wrap-Up

With a few Congress of Racial Equality classes and concise Lua, you behind figure attractive, religious music menus that mould seamlessly crossways keyboard, mouse, and match. Set off with the minimum approach pattern aboveâ€"ScreenGui → Cover → Carte Systema skeletale → Buttonsâ€"and repeat by adding layouts, subpages, and smoothen as your halt grows.