Open the editor on a larger screen

The editor needs room for the component palette, canvas, and properties. Use a tablet or desktop to build and export your GUI.
Browse templates Roblox GUI Maker home
Roblox GUI Maker
TemplatesImport JSON
CanvasDesktop · 1920×1080
ULTIMATE 55%
Coins 12,450
Export · Luau
ScreenGui — paste into a LocalScript
-- Generated by Roblox GUI Maker
local player = game:GetService("Players").LocalPlayer
local gui = Instance.new("ScreenGui")
gui.Name = "Hud"
gui.ResetOnSpawn = false
gui.IgnoreGuiInset = true
gui.Parent = player:WaitForChild("PlayerGui")

local el0 = Instance.new("Frame")
el0.Name = "StatsPanel"
el0.Size = UDim2.new(0.26, 0, 0.4, 0)
el0.Position = UDim2.new(0.02, 0, 0.04, 0)
el0.BackgroundColor3 = Color3.fromRGB(15, 23, 42)
el0.BackgroundTransparency = 0
el0.ZIndex = 1
el0.LayoutOrder = 0

local el0_corner = Instance.new("UICorner")
el0_corner.CornerRadius = UDim.new(0, 12)
el0_corner.Parent = el0

local el0_grad = Instance.new("UIGradient")
el0_grad.Color = ColorSequence.new(ColorSequenceKeypoint.new(0, Color3.fromRGB(62, 64, 72)), ColorSequenceKeypoint.new(1, Color3.fromRGB(0, 0, 0)))
el0_grad.Rotation = 45
el0_grad.Parent = el0

local el0_stroke = Instance.new("UIStroke")
el0_stroke.Color = Color3.fromRGB(255, 255, 255)
el0_stroke.Transparency = 0.85
el0_stroke.Thickness = 1
el0_stroke.Parent = el0

local el0_list = Instance.new("UIListLayout")
el0_list.FillDirection = Enum.FillDirection.Vertical
el0_list.Padding = UDim.new(0, 8)
el0_list.SortOrder = Enum.SortOrder.LayoutOrder
el0_list.Parent = el0

local el0_pad = Instance.new("UIPadding")
el0_pad.PaddingTop = UDim.new(0, 8)
el0_pad.PaddingBottom = UDim.new(0, 8)
el0_pad.PaddingLeft = UDim.new(0, 8)
el0_pad.PaddingRight = UDim.new(0, 8)
el0_pad.Parent = el0
el0.Parent = gui

local el1 = Instance.new("Frame")
el1.Name = "HealthRow"
el1.Size = UDim2.new(1, 0, 0.5, 0)
el1.Position = UDim2.new(0, 0, 0, 0)
el1.BackgroundTransparency = 1
el1.ZIndex = 1
el1.LayoutOrder = 0

local el1_corner = Instance.new("UICorner")
el1_corner.CornerRadius = UDim.new(0, 8)
el1_corner.Parent = el1
el1.Parent = el0

local el2 = Instance.new("TextLabel")
el2.Name = "HealthLabel"
el2.Size = UDim2.new(0.16, 0, 0.6, 0)
el2.Position = UDim2.new(0.02, 0, 0.2, 0)
el2.BackgroundTransparency = 1
el2.ZIndex = 1
el2.LayoutOrder = 0

local el2_corner = Instance.new("UICorner")
el2_corner.CornerRadius = UDim.new(0, 8)
el2_corner.Parent = el2
el2.Text = "HP"
el2.Font = Enum.Font.GothamBold
el2.TextSize = 12
el2.TextColor3 = Color3.fromRGB(74, 222, 128)
el2.Parent = el1

local el3 = Instance.new("Frame")
el3.Name = "HealthBarBg"
el3.Size = UDim2.new(0.78, 0, 0.3, 0)
el3.Position = UDim2.new(0.2, 0, 0.35, 0)
el3.BackgroundColor3 = Color3.fromRGB(35, 42, 54)
el3.BackgroundTransparency = 0
el3.ZIndex = 1
el3.LayoutOrder = 1

local el3_corner = Instance.new("UICorner")
el3_corner.CornerRadius = UDim.new(0, 999)
el3_corner.Parent = el3

local el3_grad = Instance.new("UIGradient")
el3_grad.Color = ColorSequence.new(ColorSequenceKeypoint.new(0, Color3.fromRGB(76, 83, 95)), ColorSequenceKeypoint.new(1, Color3.fromRGB(0, 1, 13)))
el3_grad.Rotation = 45
el3_grad.Parent = el3
el3.Parent = el1

local el4 = Instance.new("Frame")
el4.Name = "HealthBarFill"
el4.Size = UDim2.new(0.72, 0, 1, 0)
el4.Position = UDim2.new(0, 0, 0, 0)
el4.BackgroundColor3 = Color3.fromRGB(74, 222, 128)
el4.BackgroundTransparency = 0
el4.ZIndex = 1
el4.LayoutOrder = 0

local el4_corner = Instance.new("UICorner")
el4_corner.CornerRadius = UDim.new(0, 999)
el4_corner.Parent = el4

local el4_grad = Instance.new("UIGradient")
el4_grad.Color = ColorSequence.new(ColorSequenceKeypoint.new(0, Color3.fromRGB(93, 252, 194)), ColorSequenceKeypoint.new(1, Color3.fromRGB(11, 170, 112)))
el4_grad.Rotation = 45
el4_grad.Parent = el4
el4.Parent = el3

local el5 = Instance.new("Frame")
el5.Name = "StaminaRow"
el5.Size = UDim2.new(1, 0, 0.5, 0)
el5.Position = UDim2.new(0, 0, 0, 0)
el5.BackgroundTransparency = 1
el5.ZIndex = 1
el5.LayoutOrder = 1

local el5_corner = Instance.new("UICorner")
el5_corner.CornerRadius = UDim.new(0, 8)
el5_corner.Parent = el5
el5.Parent = el0

local el6 = Instance.new("TextLabel")
el6.Name = "StaminaLabel"
el6.Size = UDim2.new(0.16, 0, 0.6, 0)
el6.Position = UDim2.new(0.02, 0, 0.2, 0)
el6.BackgroundTransparency = 1
el6.ZIndex = 1
el6.LayoutOrder = 0

local el6_corner = Instance.new("UICorner")
el6_corner.CornerRadius = UDim.new(0, 8)
el6_corner.Parent = el6
el6.Text = "ST"
el6.Font = Enum.Font.GothamBold
el6.TextSize = 12
el6.TextColor3 = Color3.fromRGB(251, 191, 36)
el6.Parent = el5

local el7 = Instance.new("Frame")
el7.Name = "StaminaBarBg"
el7.Size = UDim2.new(0.78, 0, 0.3, 0)
el7.Position = UDim2.new(0.2, 0, 0.35, 0)
el7.BackgroundColor3 = Color3.fromRGB(35, 42, 54)
el7.BackgroundTransparency = 0
el7.ZIndex = 1
el7.LayoutOrder = 1

local el7_corner = Instance.new("UICorner")
el7_corner.CornerRadius = UDim.new(0, 999)
el7_corner.Parent = el7

local el7_grad = Instance.new("UIGradient")
el7_grad.Color = ColorSequence.new(ColorSequenceKeypoint.new(0, Color3.fromRGB(76, 83, 95)), ColorSequenceKeypoint.new(1, Color3.fromRGB(0, 1, 13)))
el7_grad.Rotation = 45
el7_grad.Parent = el7
el7.Parent = el5

local el8 = Instance.new("Frame")
el8.Name = "StaminaBarFill"
el8.Size = UDim2.new(0.45, 0, 1, 0)
el8.Position = UDim2.new(0, 0, 0, 0)
el8.BackgroundColor3 = Color3.fromRGB(251, 191, 36)
el8.BackgroundTransparency = 0
el8.ZIndex = 1
el8.LayoutOrder = 0

local el8_corner = Instance.new("UICorner")
el8_corner.CornerRadius = UDim.new(0, 999)
el8_corner.Parent = el8

local el8_grad = Instance.new("UIGradient")
el8_grad.Color = ColorSequence.new(ColorSequenceKeypoint.new(0, Color3.fromRGB(255, 232, 77)), ColorSequenceKeypoint.new(1, Color3.fromRGB(210, 150, 0)))
el8_grad.Rotation = 45
el8_grad.Parent = el8
el8.Parent = el7

local el9 = Instance.new("Frame")
el9.Name = "UltimateBg"
el9.Size = UDim2.new(0.28, 0, 0.05, 0)
el9.Position = UDim2.new(0.5, 0, 0.82, 0)
el9.AnchorPoint = Vector2.new(0.5, 1)
el9.BackgroundColor3 = Color3.fromRGB(35, 42, 54)
el9.BackgroundTransparency = 0
el9.ZIndex = 1
el9.LayoutOrder = 1

local el9_corner = Instance.new("UICorner")
el9_corner.CornerRadius = UDim.new(0, 999)
el9_corner.Parent = el9

local el9_grad = Instance.new("UIGradient")
el9_grad.Color = ColorSequence.new(ColorSequenceKeypoint.new(0, Color3.fromRGB(76, 83, 95)), ColorSequenceKeypoint.new(1, Color3.fromRGB(0, 1, 13)))
el9_grad.Rotation = 45
el9_grad.Parent = el9

local el9_stroke = Instance.new("UIStroke")
el9_stroke.Color = Color3.fromRGB(255, 255, 255)
el9_stroke.Transparency = 0.85
el9_stroke.Thickness = 1
el9_stroke.Parent = el9
el9.Parent = gui

local el10 = Instance.new("Frame")
el10.Name = "UltimateFill"
el10.Size = UDim2.new(0.55, 0, 1, 0)
el10.Position = UDim2.new(0, 0, 0, 0)
el10.BackgroundColor3 = Color3.fromRGB(167, 139, 250)
el10.BackgroundTransparency = 0
el10.ZIndex = 1
el10.LayoutOrder = 0

local el10_corner = Instance.new("UICorner")
el10_corner.CornerRadius = UDim.new(0, 999)
el10_corner.Parent = el10

local el10_grad = Instance.new("UIGradient")
el10_grad.Color = ColorSequence.new(ColorSequenceKeypoint.new(0, Color3.fromRGB(196, 181, 253)), ColorSequenceKeypoint.new(1, Color3.fromRGB(124, 58, 237)))
el10_grad.Rotation = 0
el10_grad.Parent = el10
el10.Parent = el9

local el11 = Instance.new("TextLabel")
el11.Name = "UltimateLabel"
el11.Size = UDim2.new(0.88, 0, 0.8, 0)
el11.Position = UDim2.new(0.06, 0, 0.1, 0)
el11.BackgroundTransparency = 1
el11.ZIndex = 1
el11.LayoutOrder = 1

local el11_corner = Instance.new("UICorner")
el11_corner.CornerRadius = UDim.new(0, 8)
el11_corner.Parent = el11
el11.Text = "ULTIMATE  55%"
el11.Font = Enum.Font.GothamBold
el11.TextSize = 12
el11.TextColor3 = Color3.fromRGB(224, 242, 254)
el11.Parent = el9

local el12 = Instance.new("Frame")
el12.Name = "SkillBar"
el12.Size = UDim2.new(0.42, 0, 0.1, 0)
el12.Position = UDim2.new(0.5, 0, 0.92, 0)
el12.AnchorPoint = Vector2.new(0.5, 1)
el12.BackgroundTransparency = 1
el12.ZIndex = 1
el12.LayoutOrder = 2

local el12_corner = Instance.new("UICorner")
el12_corner.CornerRadius = UDim.new(0, 8)
el12_corner.Parent = el12
el12.Parent = gui

local el13 = Instance.new("Frame")
el13.Name = "Skill1"
el13.Size = UDim2.new(0.23, 0, 1, 0)
el13.Position = UDim2.new(0, 0, 0, 0)
el13.BackgroundColor3 = Color3.fromRGB(22, 35, 58)
el13.BackgroundTransparency = 0
el13.ZIndex = 1
el13.LayoutOrder = 0

local el13_corner = Instance.new("UICorner")
el13_corner.CornerRadius = UDim.new(0, 10)
el13_corner.Parent = el13

local el13_grad = Instance.new("UIGradient")
el13_grad.Color = ColorSequence.new(ColorSequenceKeypoint.new(0, Color3.fromRGB(70, 72, 82)), ColorSequenceKeypoint.new(1, Color3.fromRGB(0, 0, 0)))
el13_grad.Rotation = 45
el13_grad.Parent = el13

local el13_stroke = Instance.new("UIStroke")
el13_stroke.Color = Color3.fromRGB(58, 74, 99)
el13_stroke.Transparency = 0.5
el13_stroke.Thickness = 1.5
el13_stroke.Parent = el13
el13.Parent = el12

local el14 = Instance.new("TextLabel")
el14.Name = "Key"
el14.Size = UDim2.new(1, 0, 0.64, 0)
el14.Position = UDim2.new(0, 0, 0.18, 0)
el14.BackgroundTransparency = 1
el14.ZIndex = 1
el14.LayoutOrder = 0

local el14_corner = Instance.new("UICorner")
el14_corner.CornerRadius = UDim.new(0, 8)
el14_corner.Parent = el14
el14.Text = "1"
el14.Font = Enum.Font.GothamBold
el14.TextSize = 18
el14.TextColor3 = Color3.fromRGB(224, 242, 254)
el14.Parent = el13

local el15 = Instance.new("Frame")
el15.Name = "Skill2"
el15.Size = UDim2.new(0.23, 0, 1, 0)
el15.Position = UDim2.new(0.25, 0, 0, 0)
el15.BackgroundColor3 = Color3.fromRGB(22, 35, 58)
el15.BackgroundTransparency = 0
el15.ZIndex = 1
el15.LayoutOrder = 1

local el15_corner = Instance.new("UICorner")
el15_corner.CornerRadius = UDim.new(0, 10)
el15_corner.Parent = el15

local el15_grad = Instance.new("UIGradient")
el15_grad.Color = ColorSequence.new(ColorSequenceKeypoint.new(0, Color3.fromRGB(70, 72, 82)), ColorSequenceKeypoint.new(1, Color3.fromRGB(0, 0, 0)))
el15_grad.Rotation = 45
el15_grad.Parent = el15

local el15_stroke = Instance.new("UIStroke")
el15_stroke.Color = Color3.fromRGB(58, 74, 99)
el15_stroke.Transparency = 0.5
el15_stroke.Thickness = 1.5
el15_stroke.Parent = el15
el15.Parent = el12

local el16 = Instance.new("TextLabel")
el16.Name = "Key"
el16.Size = UDim2.new(1, 0, 0.64, 0)
el16.Position = UDim2.new(0, 0, 0.18, 0)
el16.BackgroundTransparency = 1
el16.ZIndex = 1
el16.LayoutOrder = 0

local el16_corner = Instance.new("UICorner")
el16_corner.CornerRadius = UDim.new(0, 8)
el16_corner.Parent = el16
el16.Text = "2"
el16.Font = Enum.Font.GothamBold
el16.TextSize = 18
el16.TextColor3 = Color3.fromRGB(224, 242, 254)
el16.Parent = el15

local el17 = Instance.new("Frame")
el17.Name = "Skill3"
el17.Size = UDim2.new(0.23, 0, 1, 0)
el17.Position = UDim2.new(0.5, 0, 0, 0)
el17.BackgroundColor3 = Color3.fromRGB(22, 35, 58)
el17.BackgroundTransparency = 0
el17.ZIndex = 1
el17.LayoutOrder = 2

local el17_corner = Instance.new("UICorner")
el17_corner.CornerRadius = UDim.new(0, 10)
el17_corner.Parent = el17

local el17_grad = Instance.new("UIGradient")
el17_grad.Color = ColorSequence.new(ColorSequenceKeypoint.new(0, Color3.fromRGB(70, 72, 82)), ColorSequenceKeypoint.new(1, Color3.fromRGB(0, 0, 0)))
el17_grad.Rotation = 45
el17_grad.Parent = el17

local el17_stroke = Instance.new("UIStroke")
el17_stroke.Color = Color3.fromRGB(58, 74, 99)
el17_stroke.Transparency = 0.5
el17_stroke.Thickness = 1.5
el17_stroke.Parent = el17
el17.Parent = el12

local el18 = Instance.new("TextLabel")
el18.Name = "Key"
el18.Size = UDim2.new(1, 0, 0.64, 0)
el18.Position = UDim2.new(0, 0, 0.18, 0)
el18.BackgroundTransparency = 1
el18.ZIndex = 1
el18.LayoutOrder = 0

local el18_corner = Instance.new("UICorner")
el18_corner.CornerRadius = UDim.new(0, 8)
el18_corner.Parent = el18
el18.Text = "3"
el18.Font = Enum.Font.GothamBold
el18.TextSize = 18
el18.TextColor3 = Color3.fromRGB(224, 242, 254)
el18.Parent = el17

local el19 = Instance.new("Frame")
el19.Name = "Skill4"
el19.Size = UDim2.new(0.23, 0, 1, 0)
el19.Position = UDim2.new(0.75, 0, 0, 0)
el19.BackgroundColor3 = Color3.fromRGB(22, 35, 58)
el19.BackgroundTransparency = 0
el19.ZIndex = 1
el19.LayoutOrder = 3

local el19_corner = Instance.new("UICorner")
el19_corner.CornerRadius = UDim.new(0, 10)
el19_corner.Parent = el19

local el19_grad = Instance.new("UIGradient")
el19_grad.Color = ColorSequence.new(ColorSequenceKeypoint.new(0, Color3.fromRGB(70, 72, 82)), ColorSequenceKeypoint.new(1, Color3.fromRGB(0, 0, 0)))
el19_grad.Rotation = 45
el19_grad.Parent = el19

local el19_stroke = Instance.new("UIStroke")
el19_stroke.Color = Color3.fromRGB(58, 74, 99)
el19_stroke.Transparency = 0.5
el19_stroke.Thickness = 1.5
el19_stroke.Parent = el19
el19.Parent = el12

local el20 = Instance.new("TextLabel")
el20.Name = "Key"
el20.Size = UDim2.new(1, 0, 0.64, 0)
el20.Position = UDim2.new(0, 0, 0.18, 0)
el20.BackgroundTransparency = 1
el20.ZIndex = 1
el20.LayoutOrder = 0

local el20_corner = Instance.new("UICorner")
el20_corner.CornerRadius = UDim.new(0, 8)
el20_corner.Parent = el20
el20.Text = "4"
el20.Font = Enum.Font.GothamBold
el20.TextSize = 18
el20.TextColor3 = Color3.fromRGB(224, 242, 254)
el20.Parent = el19

local el21 = Instance.new("Frame")
el21.Name = "CurrencyPanel"
el21.Size = UDim2.new(0.24, 0, 0.06, 0)
el21.Position = UDim2.new(0.74, 0, 0.04, 0)
el21.BackgroundTransparency = 1
el21.ZIndex = 1
el21.LayoutOrder = 3

local el21_corner = Instance.new("UICorner")
el21_corner.CornerRadius = UDim.new(0, 8)
el21_corner.Parent = el21

local el21_list = Instance.new("UIListLayout")
el21_list.FillDirection = Enum.FillDirection.Vertical
el21_list.Padding = UDim.new(0, 8)
el21_list.SortOrder = Enum.SortOrder.LayoutOrder
el21_list.Parent = el21

local el21_pad = Instance.new("UIPadding")
el21_pad.PaddingTop = UDim.new(0, 3)
el21_pad.PaddingBottom = UDim.new(0, 3)
el21_pad.PaddingLeft = UDim.new(0, 3)
el21_pad.PaddingRight = UDim.new(0, 3)
el21_pad.Parent = el21
el21.Parent = gui

local el22 = Instance.new("TextLabel")
el22.Name = "coinsDisplay"
el22.Size = UDim2.new(1, 0, 1, 0)
el22.Position = UDim2.new(0, 0, 0, 0)
el22.BackgroundColor3 = Color3.fromRGB(15, 23, 42)
el22.BackgroundTransparency = 0
el22.ZIndex = 1
el22.LayoutOrder = 0

local el22_corner = Instance.new("UICorner")
el22_corner.CornerRadius = UDim.new(0, 999)
el22_corner.Parent = el22
el22.Text = "Coins  12,450"
el22.Font = Enum.Font.GothamBold
el22.TextSize = 14
el22.TextColor3 = Color3.fromRGB(251, 191, 36)
el22.Parent = el21