Editable Luau Visual layout only

Roblox Inventory GUI Maker

Set the slot count, columns, item names, rarities, quantities, and equipped state. Preview the grid, then copy or download matching Luau UI code.

Interactive preview

Change slots, columns, and item state to test the grid

1280 × 720

Inventory12 slots

Ember Sword

Rare

EQUIPPED

Health Potion

Common

Moon Charm

Epic

Crystal Key

Legendary

Empty slot

12 slots · 3 rows Scrollable responsive grid

Luau export

InventoryGui.lua

-- Visual inventory layout only. Connect item data and equip logic 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 = "InventoryGui"
screenGui.ResetOnSpawn = false

local inventoryFrame = Instance.new("Frame")
inventoryFrame.Name = "InventoryFrame"
inventoryFrame.AnchorPoint = Vector2.new(0.5, 0.5)
inventoryFrame.Position = UDim2.fromScale(0.5, 0.5)
inventoryFrame.Size = UDim2.fromScale(0.78, 0.7)
inventoryFrame.BackgroundColor3 = Color3.fromRGB(30, 41, 59)
inventoryFrame.BorderSizePixel = 0
inventoryFrame.ClipsDescendants = true
inventoryFrame.Parent = screenGui

local inventoryFrameConstraint = Instance.new("UISizeConstraint")
inventoryFrameConstraint.MinSize = Vector2.new(300, 260)
inventoryFrameConstraint.MaxSize = Vector2.new(960, 720)
inventoryFrameConstraint.Parent = inventoryFrame

local titleLabel = Instance.new("TextLabel")
titleLabel.Name = "TitleLabel"
titleLabel.Position = UDim2.fromScale(0.05, 0.04)
titleLabel.Size = UDim2.fromScale(0.9, 0.1)
titleLabel.BackgroundTransparency = 1
titleLabel.Text = "Inventory"
titleLabel.TextColor3 = Color3.fromRGB(248, 250, 252)
titleLabel.Font = Enum.Font.GothamBold
titleLabel.TextScaled = true
titleLabel.TextXAlignment = Enum.TextXAlignment.Left
titleLabel.Parent = inventoryFrame

local inventoryGrid = Instance.new("ScrollingFrame")
inventoryGrid.Name = "InventoryGrid"
inventoryGrid.Position = UDim2.fromScale(0.05, 0.17)
inventoryGrid.Size = UDim2.fromScale(0.9, 0.76)
inventoryGrid.BackgroundTransparency = 1
inventoryGrid.BorderSizePixel = 0
inventoryGrid.CanvasSize = UDim2.fromOffset(0, 0)
inventoryGrid.AutomaticCanvasSize = Enum.AutomaticSize.Y
inventoryGrid.ScrollingDirection = Enum.ScrollingDirection.Y
inventoryGrid.ScrollBarThickness = 6
inventoryGrid.Parent = inventoryFrame

local gridLayout = Instance.new("UIGridLayout")
gridLayout.FillDirectionMaxCells = 4
gridLayout.CellPadding = UDim2.fromOffset(8, 8)
gridLayout.CellSize = UDim2.new(1 / 4, -(8 * 3 / 4 + 2), 0, 72)
gridLayout.SortOrder = Enum.SortOrder.LayoutOrder
gridLayout.Parent = inventoryGrid

local slot1 = Instance.new("Frame")
slot1.Name = "InventorySlot1"
slot1.BackgroundColor3 = Color3.fromRGB(51, 65, 85)
slot1.BorderSizePixel = 0
slot1.LayoutOrder = 1
slot1.Parent = inventoryGrid

local itemName1 = Instance.new("TextLabel")
itemName1.Name = "ItemName"
itemName1.Position = UDim2.fromScale(0.08, 0.08)
itemName1.Size = UDim2.fromScale(0.84, 0.38)
itemName1.BackgroundTransparency = 1
itemName1.Text = "Ember Sword"
itemName1.TextColor3 = Color3.fromRGB(248, 250, 252)
itemName1.Font = Enum.Font.GothamBold
itemName1.TextScaled = true
itemName1.TextWrapped = true
itemName1.Parent = slot1

local rarityLabel1 = Instance.new("TextLabel")
rarityLabel1.Name = "RarityLabel"
rarityLabel1.Position = UDim2.fromScale(0.08, 0.53)
rarityLabel1.Size = UDim2.fromScale(0.84, 0.2)
rarityLabel1.BackgroundTransparency = 1
rarityLabel1.Text = "Rare"
rarityLabel1.TextColor3 = Color3.fromRGB(74, 222, 128)
rarityLabel1.Font = Enum.Font.GothamSemibold
rarityLabel1.TextScaled = true
rarityLabel1.Parent = slot1

local quantityLabel1 = Instance.new("TextLabel")
quantityLabel1.Name = "QuantityLabel"
quantityLabel1.AnchorPoint = Vector2.new(1, 1)
quantityLabel1.Position = UDim2.fromScale(0.92, 0.92)
quantityLabel1.Size = UDim2.fromScale(0.4, 0.18)
quantityLabel1.BackgroundTransparency = 1
quantityLabel1.Text = "x1"
quantityLabel1.TextColor3 = Color3.fromRGB(186, 198, 214)
quantityLabel1.Font = Enum.Font.GothamSemibold
quantityLabel1.TextScaled = true
quantityLabel1.TextXAlignment = Enum.TextXAlignment.Right
quantityLabel1.Parent = slot1

local equippedBadge1 = Instance.new("TextLabel")
equippedBadge1.Name = "EquippedBadge"
equippedBadge1.Size = UDim2.fromScale(0.34, 0.16)
equippedBadge1.BackgroundColor3 = Color3.fromRGB(74, 222, 128)
equippedBadge1.Text = "EQUIPPED"
equippedBadge1.TextColor3 = Color3.fromRGB(13, 31, 22)
equippedBadge1.Font = Enum.Font.GothamBold
equippedBadge1.TextScaled = true
equippedBadge1.Parent = slot1

local slot2 = Instance.new("Frame")
slot2.Name = "InventorySlot2"
slot2.BackgroundColor3 = Color3.fromRGB(51, 65, 85)
slot2.BorderSizePixel = 0
slot2.LayoutOrder = 2
slot2.Parent = inventoryGrid

local itemName2 = Instance.new("TextLabel")
itemName2.Name = "ItemName"
itemName2.Position = UDim2.fromScale(0.08, 0.08)
itemName2.Size = UDim2.fromScale(0.84, 0.38)
itemName2.BackgroundTransparency = 1
itemName2.Text = "Health Potion"
itemName2.TextColor3 = Color3.fromRGB(248, 250, 252)
itemName2.Font = Enum.Font.GothamBold
itemName2.TextScaled = true
itemName2.TextWrapped = true
itemName2.Parent = slot2

local rarityLabel2 = Instance.new("TextLabel")
rarityLabel2.Name = "RarityLabel"
rarityLabel2.Position = UDim2.fromScale(0.08, 0.53)
rarityLabel2.Size = UDim2.fromScale(0.84, 0.2)
rarityLabel2.BackgroundTransparency = 1
rarityLabel2.Text = "Common"
rarityLabel2.TextColor3 = Color3.fromRGB(74, 222, 128)
rarityLabel2.Font = Enum.Font.GothamSemibold
rarityLabel2.TextScaled = true
rarityLabel2.Parent = slot2

local quantityLabel2 = Instance.new("TextLabel")
quantityLabel2.Name = "QuantityLabel"
quantityLabel2.AnchorPoint = Vector2.new(1, 1)
quantityLabel2.Position = UDim2.fromScale(0.92, 0.92)
quantityLabel2.Size = UDim2.fromScale(0.4, 0.18)
quantityLabel2.BackgroundTransparency = 1
quantityLabel2.Text = "x8"
quantityLabel2.TextColor3 = Color3.fromRGB(186, 198, 214)
quantityLabel2.Font = Enum.Font.GothamSemibold
quantityLabel2.TextScaled = true
quantityLabel2.TextXAlignment = Enum.TextXAlignment.Right
quantityLabel2.Parent = slot2

local slot3 = Instance.new("Frame")
slot3.Name = "InventorySlot3"
slot3.BackgroundColor3 = Color3.fromRGB(51, 65, 85)
slot3.BorderSizePixel = 0
slot3.LayoutOrder = 3
slot3.Parent = inventoryGrid

local itemName3 = Instance.new("TextLabel")
itemName3.Name = "ItemName"
itemName3.Position = UDim2.fromScale(0.08, 0.08)
itemName3.Size = UDim2.fromScale(0.84, 0.38)
itemName3.BackgroundTransparency = 1
itemName3.Text = "Moon Charm"
itemName3.TextColor3 = Color3.fromRGB(248, 250, 252)
itemName3.Font = Enum.Font.GothamBold
itemName3.TextScaled = true
itemName3.TextWrapped = true
itemName3.Parent = slot3

local rarityLabel3 = Instance.new("TextLabel")
rarityLabel3.Name = "RarityLabel"
rarityLabel3.Position = UDim2.fromScale(0.08, 0.53)
rarityLabel3.Size = UDim2.fromScale(0.84, 0.2)
rarityLabel3.BackgroundTransparency = 1
rarityLabel3.Text = "Epic"
rarityLabel3.TextColor3 = Color3.fromRGB(74, 222, 128)
rarityLabel3.Font = Enum.Font.GothamSemibold
rarityLabel3.TextScaled = true
rarityLabel3.Parent = slot3

local quantityLabel3 = Instance.new("TextLabel")
quantityLabel3.Name = "QuantityLabel"
quantityLabel3.AnchorPoint = Vector2.new(1, 1)
quantityLabel3.Position = UDim2.fromScale(0.92, 0.92)
quantityLabel3.Size = UDim2.fromScale(0.4, 0.18)
quantityLabel3.BackgroundTransparency = 1
quantityLabel3.Text = "x2"
quantityLabel3.TextColor3 = Color3.fromRGB(186, 198, 214)
quantityLabel3.Font = Enum.Font.GothamSemibold
quantityLabel3.TextScaled = true
quantityLabel3.TextXAlignment = Enum.TextXAlignment.Right
quantityLabel3.Parent = slot3

local slot4 = Instance.new("Frame")
slot4.Name = "InventorySlot4"
slot4.BackgroundColor3 = Color3.fromRGB(51, 65, 85)
slot4.BorderSizePixel = 0
slot4.LayoutOrder = 4
slot4.Parent = inventoryGrid

local itemName4 = Instance.new("TextLabel")
itemName4.Name = "ItemName"
itemName4.Position = UDim2.fromScale(0.08, 0.08)
itemName4.Size = UDim2.fromScale(0.84, 0.38)
itemName4.BackgroundTransparency = 1
itemName4.Text = "Crystal Key"
itemName4.TextColor3 = Color3.fromRGB(248, 250, 252)
itemName4.Font = Enum.Font.GothamBold
itemName4.TextScaled = true
itemName4.TextWrapped = true
itemName4.Parent = slot4

local rarityLabel4 = Instance.new("TextLabel")
rarityLabel4.Name = "RarityLabel"
rarityLabel4.Position = UDim2.fromScale(0.08, 0.53)
rarityLabel4.Size = UDim2.fromScale(0.84, 0.2)
rarityLabel4.BackgroundTransparency = 1
rarityLabel4.Text = "Legendary"
rarityLabel4.TextColor3 = Color3.fromRGB(74, 222, 128)
rarityLabel4.Font = Enum.Font.GothamSemibold
rarityLabel4.TextScaled = true
rarityLabel4.Parent = slot4

local quantityLabel4 = Instance.new("TextLabel")
quantityLabel4.Name = "QuantityLabel"
quantityLabel4.AnchorPoint = Vector2.new(1, 1)
quantityLabel4.Position = UDim2.fromScale(0.92, 0.92)
quantityLabel4.Size = UDim2.fromScale(0.4, 0.18)
quantityLabel4.BackgroundTransparency = 1
quantityLabel4.Text = "x1"
quantityLabel4.TextColor3 = Color3.fromRGB(186, 198, 214)
quantityLabel4.Font = Enum.Font.GothamSemibold
quantityLabel4.TextScaled = true
quantityLabel4.TextXAlignment = Enum.TextXAlignment.Right
quantityLabel4.Parent = slot4

local slot5 = Instance.new("Frame")
slot5.Name = "InventorySlot5"
slot5.BackgroundColor3 = Color3.fromRGB(51, 65, 85)
slot5.BorderSizePixel = 0
slot5.LayoutOrder = 5
slot5.Parent = inventoryGrid

local itemName5 = Instance.new("TextLabel")
itemName5.Name = "ItemName"
itemName5.Position = UDim2.fromScale(0.08, 0.08)
itemName5.Size = UDim2.fromScale(0.84, 0.38)
itemName5.BackgroundTransparency = 1
itemName5.Text = "Empty slot"
itemName5.TextColor3 = Color3.fromRGB(248, 250, 252)
itemName5.Font = Enum.Font.GothamBold
itemName5.TextScaled = true
itemName5.TextWrapped = true
itemName5.Parent = slot5

local rarityLabel5 = Instance.new("TextLabel")
rarityLabel5.Name = "RarityLabel"
rarityLabel5.Position = UDim2.fromScale(0.08, 0.53)
rarityLabel5.Size = UDim2.fromScale(0.84, 0.2)
rarityLabel5.BackgroundTransparency = 1
rarityLabel5.Text = ""
rarityLabel5.TextColor3 = Color3.fromRGB(74, 222, 128)
rarityLabel5.Font = Enum.Font.GothamSemibold
rarityLabel5.TextScaled = true
rarityLabel5.Parent = slot5

local quantityLabel5 = Instance.new("TextLabel")
quantityLabel5.Name = "QuantityLabel"
quantityLabel5.AnchorPoint = Vector2.new(1, 1)
quantityLabel5.Position = UDim2.fromScale(0.92, 0.92)
quantityLabel5.Size = UDim2.fromScale(0.4, 0.18)
quantityLabel5.BackgroundTransparency = 1
quantityLabel5.Text = ""
quantityLabel5.TextColor3 = Color3.fromRGB(186, 198, 214)
quantityLabel5.Font = Enum.Font.GothamSemibold
quantityLabel5.TextScaled = true
quantityLabel5.TextXAlignment = Enum.TextXAlignment.Right
quantityLabel5.Parent = slot5

local slot6 = Instance.new("Frame")
slot6.Name = "InventorySlot6"
slot6.BackgroundColor3 = Color3.fromRGB(51, 65, 85)
slot6.BorderSizePixel = 0
slot6.LayoutOrder = 6
slot6.Parent = inventoryGrid

local itemName6 = Instance.new("TextLabel")
itemName6.Name = "ItemName"
itemName6.Position = UDim2.fromScale(0.08, 0.08)
itemName6.Size = UDim2.fromScale(0.84, 0.38)
itemName6.BackgroundTransparency = 1
itemName6.Text = "Empty slot"
itemName6.TextColor3 = Color3.fromRGB(248, 250, 252)
itemName6.Font = Enum.Font.GothamBold
itemName6.TextScaled = true
itemName6.TextWrapped = true
itemName6.Parent = slot6

local rarityLabel6 = Instance.new("TextLabel")
rarityLabel6.Name = "RarityLabel"
rarityLabel6.Position = UDim2.fromScale(0.08, 0.53)
rarityLabel6.Size = UDim2.fromScale(0.84, 0.2)
rarityLabel6.BackgroundTransparency = 1
rarityLabel6.Text = ""
rarityLabel6.TextColor3 = Color3.fromRGB(74, 222, 128)
rarityLabel6.Font = Enum.Font.GothamSemibold
rarityLabel6.TextScaled = true
rarityLabel6.Parent = slot6

local quantityLabel6 = Instance.new("TextLabel")
quantityLabel6.Name = "QuantityLabel"
quantityLabel6.AnchorPoint = Vector2.new(1, 1)
quantityLabel6.Position = UDim2.fromScale(0.92, 0.92)
quantityLabel6.Size = UDim2.fromScale(0.4, 0.18)
quantityLabel6.BackgroundTransparency = 1
quantityLabel6.Text = ""
quantityLabel6.TextColor3 = Color3.fromRGB(186, 198, 214)
quantityLabel6.Font = Enum.Font.GothamSemibold
quantityLabel6.TextScaled = true
quantityLabel6.TextXAlignment = Enum.TextXAlignment.Right
quantityLabel6.Parent = slot6

local slot7 = Instance.new("Frame")
slot7.Name = "InventorySlot7"
slot7.BackgroundColor3 = Color3.fromRGB(51, 65, 85)
slot7.BorderSizePixel = 0
slot7.LayoutOrder = 7
slot7.Parent = inventoryGrid

local itemName7 = Instance.new("TextLabel")
itemName7.Name = "ItemName"
itemName7.Position = UDim2.fromScale(0.08, 0.08)
itemName7.Size = UDim2.fromScale(0.84, 0.38)
itemName7.BackgroundTransparency = 1
itemName7.Text = "Empty slot"
itemName7.TextColor3 = Color3.fromRGB(248, 250, 252)
itemName7.Font = Enum.Font.GothamBold
itemName7.TextScaled = true
itemName7.TextWrapped = true
itemName7.Parent = slot7

local rarityLabel7 = Instance.new("TextLabel")
rarityLabel7.Name = "RarityLabel"
rarityLabel7.Position = UDim2.fromScale(0.08, 0.53)
rarityLabel7.Size = UDim2.fromScale(0.84, 0.2)
rarityLabel7.BackgroundTransparency = 1
rarityLabel7.Text = ""
rarityLabel7.TextColor3 = Color3.fromRGB(74, 222, 128)
rarityLabel7.Font = Enum.Font.GothamSemibold
rarityLabel7.TextScaled = true
rarityLabel7.Parent = slot7

local quantityLabel7 = Instance.new("TextLabel")
quantityLabel7.Name = "QuantityLabel"
quantityLabel7.AnchorPoint = Vector2.new(1, 1)
quantityLabel7.Position = UDim2.fromScale(0.92, 0.92)
quantityLabel7.Size = UDim2.fromScale(0.4, 0.18)
quantityLabel7.BackgroundTransparency = 1
quantityLabel7.Text = ""
quantityLabel7.TextColor3 = Color3.fromRGB(186, 198, 214)
quantityLabel7.Font = Enum.Font.GothamSemibold
quantityLabel7.TextScaled = true
quantityLabel7.TextXAlignment = Enum.TextXAlignment.Right
quantityLabel7.Parent = slot7

local slot8 = Instance.new("Frame")
slot8.Name = "InventorySlot8"
slot8.BackgroundColor3 = Color3.fromRGB(51, 65, 85)
slot8.BorderSizePixel = 0
slot8.LayoutOrder = 8
slot8.Parent = inventoryGrid

local itemName8 = Instance.new("TextLabel")
itemName8.Name = "ItemName"
itemName8.Position = UDim2.fromScale(0.08, 0.08)
itemName8.Size = UDim2.fromScale(0.84, 0.38)
itemName8.BackgroundTransparency = 1
itemName8.Text = "Empty slot"
itemName8.TextColor3 = Color3.fromRGB(248, 250, 252)
itemName8.Font = Enum.Font.GothamBold
itemName8.TextScaled = true
itemName8.TextWrapped = true
itemName8.Parent = slot8

local rarityLabel8 = Instance.new("TextLabel")
rarityLabel8.Name = "RarityLabel"
rarityLabel8.Position = UDim2.fromScale(0.08, 0.53)
rarityLabel8.Size = UDim2.fromScale(0.84, 0.2)
rarityLabel8.BackgroundTransparency = 1
rarityLabel8.Text = ""
rarityLabel8.TextColor3 = Color3.fromRGB(74, 222, 128)
rarityLabel8.Font = Enum.Font.GothamSemibold
rarityLabel8.TextScaled = true
rarityLabel8.Parent = slot8

local quantityLabel8 = Instance.new("TextLabel")
quantityLabel8.Name = "QuantityLabel"
quantityLabel8.AnchorPoint = Vector2.new(1, 1)
quantityLabel8.Position = UDim2.fromScale(0.92, 0.92)
quantityLabel8.Size = UDim2.fromScale(0.4, 0.18)
quantityLabel8.BackgroundTransparency = 1
quantityLabel8.Text = ""
quantityLabel8.TextColor3 = Color3.fromRGB(186, 198, 214)
quantityLabel8.Font = Enum.Font.GothamSemibold
quantityLabel8.TextScaled = true
quantityLabel8.TextXAlignment = Enum.TextXAlignment.Right
quantityLabel8.Parent = slot8

local slot9 = Instance.new("Frame")
slot9.Name = "InventorySlot9"
slot9.BackgroundColor3 = Color3.fromRGB(51, 65, 85)
slot9.BorderSizePixel = 0
slot9.LayoutOrder = 9
slot9.Parent = inventoryGrid

local itemName9 = Instance.new("TextLabel")
itemName9.Name = "ItemName"
itemName9.Position = UDim2.fromScale(0.08, 0.08)
itemName9.Size = UDim2.fromScale(0.84, 0.38)
itemName9.BackgroundTransparency = 1
itemName9.Text = "Empty slot"
itemName9.TextColor3 = Color3.fromRGB(248, 250, 252)
itemName9.Font = Enum.Font.GothamBold
itemName9.TextScaled = true
itemName9.TextWrapped = true
itemName9.Parent = slot9

local rarityLabel9 = Instance.new("TextLabel")
rarityLabel9.Name = "RarityLabel"
rarityLabel9.Position = UDim2.fromScale(0.08, 0.53)
rarityLabel9.Size = UDim2.fromScale(0.84, 0.2)
rarityLabel9.BackgroundTransparency = 1
rarityLabel9.Text = ""
rarityLabel9.TextColor3 = Color3.fromRGB(74, 222, 128)
rarityLabel9.Font = Enum.Font.GothamSemibold
rarityLabel9.TextScaled = true
rarityLabel9.Parent = slot9

local quantityLabel9 = Instance.new("TextLabel")
quantityLabel9.Name = "QuantityLabel"
quantityLabel9.AnchorPoint = Vector2.new(1, 1)
quantityLabel9.Position = UDim2.fromScale(0.92, 0.92)
quantityLabel9.Size = UDim2.fromScale(0.4, 0.18)
quantityLabel9.BackgroundTransparency = 1
quantityLabel9.Text = ""
quantityLabel9.TextColor3 = Color3.fromRGB(186, 198, 214)
quantityLabel9.Font = Enum.Font.GothamSemibold
quantityLabel9.TextScaled = true
quantityLabel9.TextXAlignment = Enum.TextXAlignment.Right
quantityLabel9.Parent = slot9

local slot10 = Instance.new("Frame")
slot10.Name = "InventorySlot10"
slot10.BackgroundColor3 = Color3.fromRGB(51, 65, 85)
slot10.BorderSizePixel = 0
slot10.LayoutOrder = 10
slot10.Parent = inventoryGrid

local itemName10 = Instance.new("TextLabel")
itemName10.Name = "ItemName"
itemName10.Position = UDim2.fromScale(0.08, 0.08)
itemName10.Size = UDim2.fromScale(0.84, 0.38)
itemName10.BackgroundTransparency = 1
itemName10.Text = "Empty slot"
itemName10.TextColor3 = Color3.fromRGB(248, 250, 252)
itemName10.Font = Enum.Font.GothamBold
itemName10.TextScaled = true
itemName10.TextWrapped = true
itemName10.Parent = slot10

local rarityLabel10 = Instance.new("TextLabel")
rarityLabel10.Name = "RarityLabel"
rarityLabel10.Position = UDim2.fromScale(0.08, 0.53)
rarityLabel10.Size = UDim2.fromScale(0.84, 0.2)
rarityLabel10.BackgroundTransparency = 1
rarityLabel10.Text = ""
rarityLabel10.TextColor3 = Color3.fromRGB(74, 222, 128)
rarityLabel10.Font = Enum.Font.GothamSemibold
rarityLabel10.TextScaled = true
rarityLabel10.Parent = slot10

local quantityLabel10 = Instance.new("TextLabel")
quantityLabel10.Name = "QuantityLabel"
quantityLabel10.AnchorPoint = Vector2.new(1, 1)
quantityLabel10.Position = UDim2.fromScale(0.92, 0.92)
quantityLabel10.Size = UDim2.fromScale(0.4, 0.18)
quantityLabel10.BackgroundTransparency = 1
quantityLabel10.Text = ""
quantityLabel10.TextColor3 = Color3.fromRGB(186, 198, 214)
quantityLabel10.Font = Enum.Font.GothamSemibold
quantityLabel10.TextScaled = true
quantityLabel10.TextXAlignment = Enum.TextXAlignment.Right
quantityLabel10.Parent = slot10

local slot11 = Instance.new("Frame")
slot11.Name = "InventorySlot11"
slot11.BackgroundColor3 = Color3.fromRGB(51, 65, 85)
slot11.BorderSizePixel = 0
slot11.LayoutOrder = 11
slot11.Parent = inventoryGrid

local itemName11 = Instance.new("TextLabel")
itemName11.Name = "ItemName"
itemName11.Position = UDim2.fromScale(0.08, 0.08)
itemName11.Size = UDim2.fromScale(0.84, 0.38)
itemName11.BackgroundTransparency = 1
itemName11.Text = "Empty slot"
itemName11.TextColor3 = Color3.fromRGB(248, 250, 252)
itemName11.Font = Enum.Font.GothamBold
itemName11.TextScaled = true
itemName11.TextWrapped = true
itemName11.Parent = slot11

local rarityLabel11 = Instance.new("TextLabel")
rarityLabel11.Name = "RarityLabel"
rarityLabel11.Position = UDim2.fromScale(0.08, 0.53)
rarityLabel11.Size = UDim2.fromScale(0.84, 0.2)
rarityLabel11.BackgroundTransparency = 1
rarityLabel11.Text = ""
rarityLabel11.TextColor3 = Color3.fromRGB(74, 222, 128)
rarityLabel11.Font = Enum.Font.GothamSemibold
rarityLabel11.TextScaled = true
rarityLabel11.Parent = slot11

local quantityLabel11 = Instance.new("TextLabel")
quantityLabel11.Name = "QuantityLabel"
quantityLabel11.AnchorPoint = Vector2.new(1, 1)
quantityLabel11.Position = UDim2.fromScale(0.92, 0.92)
quantityLabel11.Size = UDim2.fromScale(0.4, 0.18)
quantityLabel11.BackgroundTransparency = 1
quantityLabel11.Text = ""
quantityLabel11.TextColor3 = Color3.fromRGB(186, 198, 214)
quantityLabel11.Font = Enum.Font.GothamSemibold
quantityLabel11.TextScaled = true
quantityLabel11.TextXAlignment = Enum.TextXAlignment.Right
quantityLabel11.Parent = slot11

local slot12 = Instance.new("Frame")
slot12.Name = "InventorySlot12"
slot12.BackgroundColor3 = Color3.fromRGB(51, 65, 85)
slot12.BorderSizePixel = 0
slot12.LayoutOrder = 12
slot12.Parent = inventoryGrid

local itemName12 = Instance.new("TextLabel")
itemName12.Name = "ItemName"
itemName12.Position = UDim2.fromScale(0.08, 0.08)
itemName12.Size = UDim2.fromScale(0.84, 0.38)
itemName12.BackgroundTransparency = 1
itemName12.Text = "Empty slot"
itemName12.TextColor3 = Color3.fromRGB(248, 250, 252)
itemName12.Font = Enum.Font.GothamBold
itemName12.TextScaled = true
itemName12.TextWrapped = true
itemName12.Parent = slot12

local rarityLabel12 = Instance.new("TextLabel")
rarityLabel12.Name = "RarityLabel"
rarityLabel12.Position = UDim2.fromScale(0.08, 0.53)
rarityLabel12.Size = UDim2.fromScale(0.84, 0.2)
rarityLabel12.BackgroundTransparency = 1
rarityLabel12.Text = ""
rarityLabel12.TextColor3 = Color3.fromRGB(74, 222, 128)
rarityLabel12.Font = Enum.Font.GothamSemibold
rarityLabel12.TextScaled = true
rarityLabel12.Parent = slot12

local quantityLabel12 = Instance.new("TextLabel")
quantityLabel12.Name = "QuantityLabel"
quantityLabel12.AnchorPoint = Vector2.new(1, 1)
quantityLabel12.Position = UDim2.fromScale(0.92, 0.92)
quantityLabel12.Size = UDim2.fromScale(0.4, 0.18)
quantityLabel12.BackgroundTransparency = 1
quantityLabel12.Text = ""
quantityLabel12.TextColor3 = Color3.fromRGB(186, 198, 214)
quantityLabel12.Font = Enum.Font.GothamSemibold
quantityLabel12.TextScaled = true
quantityLabel12.TextXAlignment = Enum.TextXAlignment.Right
quantityLabel12.Parent = slot12

screenGui.Parent = playerGui

Inventory boundary

The file creates the visible grid and item labels. It does not load a player inventory, save items, equip tools, or validate ownership.

Item cards

Edit the fields that appear in the preview and generated ItemName, RarityLabel, and QuantityLabel instances.

Item 1

Item name

Rarity

Quantity

Show as equipped

Item 2

Item name

Rarity

Quantity

Show as equipped

Item 3

Item name

Rarity

Quantity

Show as equipped

Item 4

Item name

Rarity

Quantity

Show as equipped

Export anatomy

A slot grid that stays readable as it grows

The inventory maker creates a named ScreenGui, a scrolling grid, item cards, rarity labels, quantities, and an optional equipped badge. Slot count and columns are shared by the browser preview and the Luau model.

ScreenGui with a bounded inventory frame
ScrollingFrame for extra rows
UIGridLayout with your chosen column count
ItemName, RarityLabel, and QuantityLabel per card
Equipped state shown as a visible badge
Empty slots kept in the exported layout

Explorer hierarchyeditable instances

ScreenGui
└── InventoryFrame
    ├── TitleLabel
    └── InventoryGrid (ScrollingFrame)
        ├── UIGridLayout
        └── InventorySlot × 4–24
            ├── ItemName
            ├── RarityLabel
            ├── QuantityLabel
            └── EquippedBadge (optional)

Studio handoff

Check dense grids before players do

A grid can look comfortable with four slots and become hard to scan with twenty-four. Use the scrollable preview to check the longest names, smallest device, and equipped state.

Try 24 slots with 2 columns to verify scrolling.
Try 4 slots with 4 columns to verify the wide layout.
Use long item names and translated rarity labels.
Check quantity and equipped badges at mobile width.

STEP 1
Set the grid shape
Choose a slot count and column count that match the screen size and the number of items players usually carry.
STEP 2
Edit item cards
Give each sample a name, rarity, quantity, and optional equipped badge so the preview matches the state you want to communicate.
STEP 3
Copy the Luau
Paste the exported file into a LocalScript under StarterPlayerScripts and inspect the named instances in Roblox Studio.
STEP 4
Connect real data
Read and validate inventory data in your own game systems. Do not let a client-only label grant, duplicate, or equip an item.

Responsive review

Use the inventory layout as a visual starting point

Copy the Luau into a LocalScript, replace the sample item labels with data from your game, and keep ownership/equip decisions on the server. The export is a UI layout, not a persistence system.

What the export does not do

The generated file does not read DataStore data, save inventory changes, grant items, equip tools, or prove ownership. Those systems belong in your Roblox experience and should be validated server-side.

Client-server security guidance Data stores documentation

Common questions

Roblox inventory GUI FAQ

Can I change the number of inventory slots?+

Yes. Use 4–24 slots and choose 2–6 columns. Additional rows scroll in both the preview and the generated ScrollingFrame.

Do item names and rarity settings reach the Luau export?+

Yes. Each item becomes a named card with ItemName, RarityLabel, QuantityLabel, and an optional EquippedBadge that uses the current settings.

Does this create a working player inventory?+

No. It creates the visual layout only. Loading, saving, ownership, duplication protection, and equip logic must be implemented in your own validated game systems.

Can I use it on mobile?+

The preview and export use a responsive panel, a scrolling grid, and scale-based sizing. Test the final text, images, safe area, and input behavior in Studio's Device Emulator.

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 Main Menu 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.

Roblox Inventory GUI Maker

Interactive preview

Item cards

A slot grid that stays readable as it grows

Check dense grids before players do

Set the grid shape

Edit item cards

Copy the Luau

Connect real data

Use the inventory layout as a visual starting point

What the export does not do

Roblox inventory GUI FAQ

More Roblox GUI tools and guides

No sign-up

Works on a phone

Free while in beta