Roblox GUI Maker — Drag, Drop, Export Clean Luau

RRoblox GUI Maker
CanvasDesktop · 1920×1080
🛒 SHOP
Export · LuauScreenGui — paste into a LocalScript
-- Generated by Roblox GUI Maker
local player = game:GetService("Players").LocalPlayer
local gui = Instance.new("ScreenGui")
gui.Name = "Shop"
gui.ResetOnSpawn = false
gui.IgnoreGuiInset = true
gui.Parent = player:WaitForChild("PlayerGui")

local el0 = Instance.new("Frame")
el0.Name = "ShopPanel"
el0.Size = UDim2.fromScale(0.64, 0.76)
el0.Position = UDim2.fromScale(0.18, 0.12)
el0.BackgroundColor3 = Color3.fromRGB(21, 23, 31)
el0.BackgroundTransparency = 0
el0.ZIndex = 1

local el0_corner = Instance.new("UICorner")
el0_corner.CornerRadius = UDim.new(0, 16)
el0_corner.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, 16)
el0_pad.PaddingBottom = UDim.new(0, 16)
el0_pad.PaddingLeft = UDim.new(0, 16)
el0_pad.PaddingRight = UDim.new(0, 16)
el0_pad.Parent = el0
el0.Parent = gui

local el1 = Instance.new("Frame")
el1.Name = "Header"
el1.Size = UDim2.fromScale(1, 0.12)
el1.Position = UDim2.fromScale(0, 0)
el1.BackgroundTransparency = 1
el1.ZIndex = 1

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

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

local el2 = Instance.new("TextLabel")
el2.Name = "Title"
el2.Size = UDim2.fromScale(1, 1)
el2.Position = UDim2.fromScale(0, 0)
el2.BackgroundTransparency = 1
el2.ZIndex = 1

local el2_corner = Instance.new("UICorner")
el2_corner.CornerRadius = UDim.new(0, 8)
el2_corner.Parent = el2
el2.Text = "🛒  SHOP"
el2.Font = Enum.Font.GothamBold
el2.TextSize = 26
el2.TextColor3 = Color3.fromRGB(225, 225, 239)
el2.Parent = el1

local el3 = Instance.new("ScrollingFrame")
el3.Name = "ItemGrid"
el3.Size = UDim2.fromScale(1, 0.7)
el3.Position = UDim2.fromScale(0, 0)
el3.BackgroundColor3 = Color3.fromRGB(14, 15, 22)
el3.BackgroundTransparency = 0
el3.ZIndex = 1

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

local el3_grid = Instance.new("UIGridLayout")
el3_grid.CellSize = UDim2.fromOffset(100, 100)
el3_grid.CellPadding = UDim2.fromOffset(8, 8)
el3_grid.SortOrder = Enum.SortOrder.LayoutOrder
el3_grid.Parent = el3

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

local el4 = Instance.new("Frame")
el4.Name = "Item0"
el4.Size = UDim2.fromScale(0.3, 0.3)
el4.Position = UDim2.fromScale(0, 0)
el4.BackgroundColor3 = Color3.fromRGB(0, 162, 255)
el4.BackgroundTransparency = 0.15
el4.ZIndex = 1

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

local el5 = Instance.new("Frame")
el5.Name = "Item1"
el5.Size = UDim2.fromScale(0.3, 0.3)
el5.Position = UDim2.fromScale(0, 0)
el5.BackgroundColor3 = Color3.fromRGB(76, 221, 177)
el5.BackgroundTransparency = 0.15
el5.ZIndex = 1

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

local el6 = Instance.new("Frame")
el6.Name = "Item2"
el6.Size = UDim2.fromScale(0.3, 0.3)
el6.Position = UDim2.fromScale(0, 0)
el6.BackgroundColor3 = Color3.fromRGB(197, 0, 5)
el6.BackgroundTransparency = 0.15
el6.ZIndex = 1

local el6_corner = Instance.new("UICorner")
el6_corner.CornerRadius = UDim.new(0, 8)
el6_corner.Parent = el6
el6.Parent = el3

local el7 = Instance.new("Frame")
el7.Name = "Item3"
el7.Size = UDim2.fromScale(0.3, 0.3)
el7.Position = UDim2.fromScale(0, 0)
el7.BackgroundColor3 = Color3.fromRGB(153, 203, 255)
el7.BackgroundTransparency = 0.15
el7.ZIndex = 1

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

local el8 = Instance.new("Frame")
el8.Name = "Item4"
el8.Size = UDim2.fromScale(0.3, 0.3)
el8.Position = UDim2.fromScale(0, 0)
el8.BackgroundColor3 = Color3.fromRGB(255, 180, 169)
el8.BackgroundTransparency = 0.15
el8.ZIndex = 1

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

local el9 = Instance.new("Frame")
el9.Name = "Item5"
el9.Size = UDim2.fromScale(0.3, 0.3)
el9.Position = UDim2.fromScale(0, 0)
el9.BackgroundColor3 = Color3.fromRGB(176, 131, 255)
el9.BackgroundTransparency = 0.15
el9.ZIndex = 1

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