Editable Luau Visual layout only

Roblox Main Menu GUI Maker

Build a Roblox main menu GUI with editable Play, Settings, and Shop buttons, optional player information, a responsive preview, and matching Luau export.

Interactive preview

Change the title, buttons, and player card to test the menu

1280 × 720

Player1,280 Coins

Adventure Menu

Player display: Player Responsive menu preview

Luau export

AdventureMenuGui.lua

-- Visual main menu layout only. Connect button behavior in your own game.
local Players = game:GetService("Players")
local player = Players.LocalPlayer
local playerGui = player:WaitForChild("PlayerGui")

local screenGui = Instance.new("ScreenGui")
screenGui.Name = "AdventureMenuGui"
screenGui.ResetOnSpawn = false

local menuFrame = Instance.new("Frame")
menuFrame.Name = "MainMenuFrame"
menuFrame.AnchorPoint = Vector2.new(0.5, 0.5)
menuFrame.Position = UDim2.fromScale(0.5, 0.5)
menuFrame.Size = UDim2.fromScale(0.6, 0.78)
menuFrame.BackgroundColor3 = Color3.fromRGB(18, 25, 49)
menuFrame.BorderSizePixel = 0
menuFrame.Parent = screenGui

local menuFrameConstraint = Instance.new("UISizeConstraint")
menuFrameConstraint.MinSize = Vector2.new(300, 300)
menuFrameConstraint.MaxSize = Vector2.new(720, 680)
menuFrameConstraint.Parent = menuFrame

local titleLabel = Instance.new("TextLabel")
titleLabel.Name = "TitleLabel"
titleLabel.AnchorPoint = Vector2.new(0.5, 0)
titleLabel.Position = UDim2.fromScale(0.5, 0.22)
titleLabel.Size = UDim2.fromScale(0.8, 0.14)
titleLabel.BackgroundTransparency = 1
titleLabel.Text = "Adventure Menu"
titleLabel.TextColor3 = Color3.fromRGB(248, 250, 252)
titleLabel.Font = Enum.Font.GothamBlack
titleLabel.TextScaled = true
titleLabel.Parent = menuFrame

local playerInfo = Instance.new("Frame")
playerInfo.Name = "PlayerInfo"
playerInfo.Position = UDim2.fromScale(0.06, 0.06)
playerInfo.Size = UDim2.fromScale(0.32, 0.12)
playerInfo.BackgroundColor3 = Color3.fromRGB(31, 42, 72)
playerInfo.BorderSizePixel = 0
playerInfo.Parent = menuFrame

local playerNameLabel = Instance.new("TextLabel")
playerNameLabel.Name = "PlayerNameLabel"
playerNameLabel.Position = UDim2.fromScale(0.08, 0.12)
playerNameLabel.Size = UDim2.fromScale(0.84, 0.38)
playerNameLabel.BackgroundTransparency = 1
playerNameLabel.Text = "Player"
playerNameLabel.TextColor3 = Color3.fromRGB(248, 250, 252)
playerNameLabel.Font = Enum.Font.GothamBold
playerNameLabel.TextScaled = true
playerNameLabel.Parent = playerInfo

local currencyLabel = Instance.new("TextLabel")
currencyLabel.Name = "CurrencyLabel"
currencyLabel.Position = UDim2.fromScale(0.08, 0.55)
currencyLabel.Size = UDim2.fromScale(0.84, 0.26)
currencyLabel.BackgroundTransparency = 1
currencyLabel.Text = "1,280 Coins"
currencyLabel.TextColor3 = Color3.fromRGB(34, 211, 238)
currencyLabel.Font = Enum.Font.GothamSemibold
currencyLabel.TextScaled = true
currencyLabel.Parent = playerInfo

local menuButtons = Instance.new("Frame")
menuButtons.Name = "MenuButtons"
menuButtons.AnchorPoint = Vector2.new(0.5, 0)
menuButtons.Position = UDim2.fromScale(0.5, 0.43)
menuButtons.Size = UDim2.fromScale(0.72, 0.48)
menuButtons.BackgroundTransparency = 1
menuButtons.Parent = menuFrame

local buttonLayout = Instance.new("UIListLayout")
buttonLayout.HorizontalAlignment = Enum.HorizontalAlignment.Center
buttonLayout.VerticalAlignment = Enum.VerticalAlignment.Top
buttonLayout.Padding = UDim.new(0, 12)
buttonLayout.Parent = menuButtons

local playButton = Instance.new("TextButton")
playButton.Name = "PlayButton"
playButton.LayoutOrder = 1
playButton.Size = UDim2.new(0.78, 0, 0, 48)
playButton.BackgroundColor3 = Color3.fromRGB(34, 211, 238)
playButton.BorderSizePixel = 0
playButton.Text = "Play"
playButton.TextColor3 = Color3.fromRGB(8, 14, 30)
playButton.Font = Enum.Font.GothamBold
playButton.TextScaled = true
playButton.Parent = menuButtons

local playButtonCorner = Instance.new("UICorner")
playButtonCorner.CornerRadius = UDim.new(0, 8)
playButtonCorner.Parent = playButton

local settingsButton = Instance.new("TextButton")
settingsButton.Name = "SettingsButton"
settingsButton.LayoutOrder = 2
settingsButton.Size = UDim2.new(0.78, 0, 0, 48)
settingsButton.BackgroundColor3 = Color3.fromRGB(31, 42, 72)
settingsButton.BorderSizePixel = 0
settingsButton.Text = "Settings"
settingsButton.TextColor3 = Color3.fromRGB(248, 250, 252)
settingsButton.Font = Enum.Font.GothamBold
settingsButton.TextScaled = true
settingsButton.Parent = menuButtons

local settingsButtonCorner = Instance.new("UICorner")
settingsButtonCorner.CornerRadius = UDim.new(0, 8)
settingsButtonCorner.Parent = settingsButton

local shopButton = Instance.new("TextButton")
shopButton.Name = "ShopButton"
shopButton.LayoutOrder = 3
shopButton.Size = UDim2.new(0.78, 0, 0, 48)
shopButton.BackgroundColor3 = Color3.fromRGB(31, 42, 72)
shopButton.BorderSizePixel = 0
shopButton.Text = "Shop"
shopButton.TextColor3 = Color3.fromRGB(248, 250, 252)
shopButton.Font = Enum.Font.GothamBold
shopButton.TextScaled = true
shopButton.Parent = menuButtons

local shopButtonCorner = Instance.new("UICorner")
shopButtonCorner.CornerRadius = UDim.new(0, 8)
shopButtonCorner.Parent = shopButton

screenGui.Parent = playerGui

Game logic boundary

The file creates the menu UI and named buttons. It does not start rounds, open settings, open a shop, load player data, or connect a backend.

Export anatomy

A focused menu hierarchy for the first player decision

The main menu maker creates a named ScreenGui, title, optional player card, and three clearly named action buttons. The preview and export share the same title and button settings.

ScreenGui with a centered menu frame
Editable title label
Play, Settings, and Shop button instances
Optional player name and currency card
Scale-based layout with size constraints
Named buttons ready for your own connections

Explorer hierarchyeditable instances

ScreenGui
└── MainMenuFrame
    ├── PlayerInfo (optional)
    │   ├── PlayerNameLabel
    │   └── CurrencyLabel
    ├── TitleLabel
    └── MenuButtons
        ├── UIListLayout
        ├── PlayButton
        ├── SettingsButton
        └── ShopButton

Studio handoff

Check the longest action label

Main menus are often tested with short English labels and then break when a game name or translation is longer. Preview both widths before you paste the export into Studio.

Try a long Play label and a long Shop label.
Toggle the player card off and on.
Check the menu at 390px and desktop width.
Keep real action wiring separate from the visual shell.

STEP 1
Name the first action
Edit the title and button labels so the menu tells players what they can do when they join your experience.
STEP 2
Preview both widths
Check desktop and mobile layouts with your longest button label before exporting the file.
STEP 3
Copy the Luau
Paste the export into a LocalScript under StarterPlayerScripts and inspect the readable hierarchy in Studio.
STEP 4
Connect real actions
Wire Play, Settings, and Shop to your own client/server flow and validate player permissions and state.

Responsive review

Move the menu shell into your game

Use the exported ScreenGui as the visible shell, then connect each named button to the actual systems in your experience. The browser cannot know your round flow, settings panel, shop state, or player data source.

What the export does not do

The generated file does not launch a game round, open a settings page, process a shop purchase, authenticate a player, or fetch currency. Those behaviors require your own Roblox systems.

Client-server security guidance UI and input documentation

Common questions

Roblox main menu GUI FAQ

Can I edit the Play, Settings, and Shop buttons?+

Yes. Each label is editable, and the same value appears in the preview and in the corresponding PlayButton, SettingsButton, or ShopButton TextButton export.

Does the menu make the buttons work in my game?+

No. It creates the visual menu and named buttons. You connect each action to your own round, settings, shop, and server-validated game logic.

Can I show a player name and currency?+

Yes. Turn on Player display and edit the sample values. The export creates PlayerNameLabel and CurrencyLabel as visual placeholders; it does not load live data.

Is this a Roblox main menu gui or a complete game framework?+

It is a focused Roblox main menu GUI maker for a responsive visual shell and editable Luau. It does not provide a game backend or reusable round framework.

Is Game UI Maker affiliated with Roblox?+

No. Game UI Maker is an independent creator tool and is not affiliated with or endorsed by Roblox Corporation.

More Roblox GUI tools and guides

Roblox GUI Use Cases Roblox Shop GUI Maker Roblox Inventory GUI Maker Roblox HUD GUI Maker Roblox GUI Maker Guide Roblox ScreenGui export guide Roblox game UI maker Roblox UI ideas Robux to USD calculator

How it runs

No sign-up

Open the maker and start editing. Copying or downloading the Luau export does not need an account.

Works on a phone

The editor runs in a mobile browser and the preview switches to a phone layout, so you can check scaling before you export.

Free while in beta

The generator stays free during the beta. No card, no trial timer.