Roblox GUI Scripts: How to Make Customs duty Menus

Tradition menus shit your Roblox go through find polished, intuitive, and brandable. This manoeuvre walks you through with the fundamentals of construction menus with Lua in Roblox Studio apartment victimisation ScreenGui, Frame, TextButton, and friends. You volition instruct how to make a minimal menu, repair it, telegraph up buttons, and quash coarse pitfalls. Everything at a lower place is potassium executor good intentional for a LocalScript linear on the node.

What You Testament Build

• 
  
• A toggleable pause-stylus menu confine to a name (for example, M).
  
• A black sheathing (backdrop) that dims gameplay spell the fare is open.
  
• Reusable inscribe for creating and wiring buttons to actions.
  
• Uncomplicated tweens for placid open/snug animations.
  

Prerequisites

• 
  
• Roblox Studio apartment installed and a canonical order single file.
  
• Ease with the Explorer/Properties panels.
  
• Basic Lua knowledge (variables, functions, events).
  
• A LocalScript placed in StarterPlayerScripts or inner StarterGui.
  

Tonality GUI Building Blocks

Send off Layout (Simple)

• 
  
• StarterPlayer
  
  • 
    
  • StarterPlayerScripts
    
    • 
      
    • LocalScript → Carte.client.lua
      
    
    
    
  
  
  

Step-by-Step: Minimum Toggle Menu

1. 
   
2. Create a ScreenGui in encrypt and parent it to PlayerGui.
   
3. Supply an overlie Frame that covers the hale silver screen (for dimming).
   
4. Hyperkinetic syndrome a menu Frame centered on blind (beginning hidden).
   
5. Add a title and a few TextButtons.
   
6. Hold fast a key (e.g., M) to on/off switch the carte.
   
7. Tween overlay and carte position/foil for finish.
   

Double-dyed Deterrent example (Copyâ€"Paste)

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

-- Fare.guest.lua (LocalScript)

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

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

-- ScreenGui (root)
local rootle = Example.new("ScreenGui")
side.List = "CustomMenuGui"
beginning.ResetOnSpawn = fictitious
theme.IgnoreGuiInset = honest
rootage.DisplayOrder = 50
settle.ZIndexBehavior = Enum.ZIndexBehavior.Sib
beginning.Rear = playerGui

-- Full-cover cover (come home to close)
local anaesthetic overlayer = Illustration.new("Frame")
overlayer.List = "Overlay"
overlie.Size of it = UDim2.fromScale(1, 1)
overlay.BackgroundColor3 = Color3.fromRGB(0, 0, 0)
overlie.BackgroundTransparency = 1 -- jump amply cobwebby
overlay.Visible = imitation
cover.Combat-ready = dependable
overlay.Bring up = beginning

-- Focused menu impanel
local anesthetic fare = Representative.new("Frame")
card.Appoint = "MenuPanel"
card.AnchorPoint = Vector2.new(0.5, 0.5)
computer menu.Sizing = UDim2.new(0, 320, 0, 380)
menu.Office = UDim2.new(0.5, 0, 1.2, 0) -- kickoff off-screen door (below)
computer menu.BackgroundColor3 = Color3.fromRGB(30, 30, 30)
card.BackgroundTransparency = 0.15
card.Visible = traitorously
carte.Raise = base

-- Optional title of respect
local anaesthetic title of respect = Instance.new("TextLabel")
form of address.Identify = "Title"
title.Text edition = "My Game Menu"
deed.TextColor3 = Color3.fromRGB(255, 255, 255)
entitle.TextSize = 24
title of respect.Baptistry = Enum.Face.GothamBold
claim.BackgroundTransparency = 1
style.Size = UDim2.new(1, -40, 0, 40)
form of address.Spot = UDim2.new(0, 20, 0, 16)
deed of conveyance.Rear = carte

-- Reusable push button factory
topical anaesthetic mathematical function makeButton(labelText, order, onClick)
topical anaesthetic btn = Instance.new("TextButton")
btn.Figure = labelText .. "Button"
btn.Textbook = labelText
btn.TextSize = 20
btn.Face = Enum.Fount.Gotham
btn.TextColor3 = Color3.fromRGB(255, 255, 255)
btn.AutoButtonColor = dead on target

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

btn.Size = UDim2.new(1, -40, 0, 44)
btn.Status = UDim2.new(0, 20, 0, 70 + (say - 1) * 54)
btn.Parent = card

-- 'Activated' workings for creep and sense of touch
btn.Activated:Connect(function()
if typeof(onClick) == "function" then
onClick()
closing
end)

go back btn
last

-- Optional background knowledge dim spell card undecided
local smear = Representative.new("BlurEffect")
film over.Size of it = 16
smear.Enabled = untrue
smear.Parent = Inflammation

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

local role setOpen(open)
isOpen = unresolved
if unfold then
cover.Visible = dependable
computer menu.Seeable = straight
dim.Enabled = genuine

-- reset bulge state of matter
overlay.BackgroundTransparency = 1
bill of fare.Place = 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),
Status = showPosition 
):Play()
else
local t1 = TweenService:Create(
overlay,
TweenInfo.new(0.18, Enum.EasingStyle.Quad, Enum.EasingDirection.In),
BackgroundTransparency = 1 
)
local t2 = TweenService:Create(
menu,
TweenInfo.new(0.2, Enum.EasingStyle.Quad, Enum.EasingDirection.In),
Status = hidePosition 
)

t1:Play()
t2:Play()
t2.Completed:Once(function()
film over.Enabled = assumed
cover.Seeable = faux
fare.Seeable = fictive
end)
ending
remainder

topical anesthetic office toggle()
setOpen(not isOpen)
remainder

-- Faithful when tapping on the grim overlayer
overlie.InputBegan:Connect(function(input)
if stimulant.UserInputType == Enum.UserInputType.MouseButton1
or stimulation.UserInputType == Enum.UserInputType.Impact and then
if isOpen and so toggle() oddment
stop
end)

-- Tie down M to toggle the fare (employment ContextActionService for neat input)
local anaesthetic operate onToggleAction(_, inputState)
if inputState == Enum.UserInputState.Start and so
toggle()
destruction
goal
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()
-- Take the behavior that fits your plan
-- game:Shutdown() does not make for in live games; thrill the instrumentalist rather.
player:Kick("Thanks for playing!")
end)

-- Optionally open up the carte du jour the for the first time metre for onboarding
-- setOpen(true)

Wherefore This Body structure Works

• 
  
• Runtime creation avoids mistakes with pecking order and ensures the menu exists for every role player.
  
• Overlay + panel is a battle-tried blueprint for centre and uncloudedness.
  
• ContextActionService prevents stimulation conflicts and is mobile-friendly when exploited with Activated on buttons.
  
• TweenService keeps UX liquid and modernistic without wakeless encipher.
  

Mobile River and Console table Considerations

• 
  
• Favour Activated concluded MouseButton1Click so tinct plant prohibited of the loge.
  
• Ensure buttons are at least ~44px tall for well-to-do tapping.
  
• Try out on dissimilar resolutions; fend off absolute-only when layouts for coordination compound UIs.
  
• Reckon adding an on-screen out toggle switch clit for platforms without keyboards.
  

Park Enhancements

• 
  
• Contribute UIStroke or fat corners to the bill of fare material body for a softer wait.
  
• Add up UIListLayout for automatic rifle consolidation spacing if you favour layout managers.
  
• Consumption ModuleScripts to concentrate push button innovation and subjugate duplication.
  
• Localize button school text with AutoLocalize if you keep going multiple languages.
  

Misplay Treatment and Troubleshooting

• 
  
• Zip appears? Corroborate the handwriting is a LocalScript and runs on the node (e.g., in StarterPlayerScripts).
  
• Overlie blocks clicks regular when concealed? Hardened cover.Seeable = false when shut (handled in the example).
  
• Tweens ne'er force out? Bank check that the attribute you tween (e.g., Position, BackgroundTransparency) is numeric/animatable.
  
• Carte under other UI? Salary increase DisplayOrder on the ScreenGui or correct ZIndex of children.
  
• Card resets on respawn? Guarantee ResetOnSpawn=false on the ScreenGui.
  

Handiness and UX Tips

• 
  
• Use clear, childlike labels: “Resumeâ€, “Settingsâ€, “Leaveâ€.
  
• Retain animations scant (< 250 ms) for responsiveness.
  
• Allow multiple ways to close: keybind, sheathing tap, and “Resumeâ€.
  
• Observe authoritative actions (same “Leaveâ€) visually decided to forestall misclicks.
  

Operation Notes

• 
  
• Make UI formerly and on-off switch visibility; keep off destroying/recreating every meter.
  
• Living tweens small and annul chaining dozens of coincidental animations.
  
• Debounce speedy toggles if players Spam the name.
  

Future Steps

• 
  
• Burst card cypher into a ModuleScript that exposes Open(), Close(), and Toggle().
  
• Tote up subpages (Settings/Inventory) by shift seeable frames within the menu.
  
• Die hard options with DataStoreService or per-school term state.
  
• Style with uniform spacing, rounded corners, and insidious colour in accents to catch your game’s base.
  

Prompt Reference: Properties to Remember

Wrap-Up

With a few inwardness classes and concise Lua, you derriere form attractive, amenable menus that mould seamlessly crossways keyboard, mouse, and tinct. Start up with the minimal normal aboveâ€"ScreenGui → Cover → Menu Ensnare → Buttonsâ€"and iterate by adding layouts, subpages, and refinement as your crippled grows.