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 Back home

Roblox GUI Maker

TemplatesImport JSON

CanvasDesktop · 1920×1080

PREMIUM PASSES

Permanent upgrades for every adventure

VIP PASS

Gold name + VIP lounge

399 R$

BUY PASS

DOUBLE COINS

Earn 2x coins forever

249 R$

BUY PASS

SPEED COIL

Move faster in every world

149 R$

BUY PASS

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 = "GamePassShop"
gui.ResetOnSpawn = false
gui.IgnoreGuiInset = true
gui.Parent = player:WaitForChild("PlayerGui")

local el0 = Instance.new("Frame")
el0.Name = "PassShopPanel"
el0.Size = UDim2.new(0.76, 0, 0.72, 0)
el0.Position = UDim2.new(0.12, 0, 0.14, 0)
el0.BackgroundColor3 = Color3.fromRGB(21, 25, 35)
el0.BackgroundTransparency = 0
el0.ZIndex = 1
el0.LayoutOrder = 0

local el0_corner = Instance.new("UICorner")
el0_corner.CornerRadius = UDim.new(0, 18)
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("TextLabel")
el1.Name = "ShopTitle"
el1.Size = UDim2.new(1, 0, 0.1, 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.Text = "PREMIUM PASSES"
el1.Font = Enum.Font.GothamBold
el1.TextSize = 25
el1.TextColor3 = Color3.fromRGB(230, 244, 255)
el1.Parent = el0

local el2 = Instance.new("TextLabel")
el2.Name = "ShopSubtitle"
el2.Size = UDim2.new(1, 0, 0.08, 0)
el2.Position = UDim2.new(0, 0, 0, 0)
el2.BackgroundTransparency = 1
el2.ZIndex = 1
el2.LayoutOrder = 1

local el2_corner = Instance.new("UICorner")
el2_corner.CornerRadius = UDim.new(0, 8)
el2_corner.Parent = el2
el2.Text = "Permanent upgrades for every adventure"
el2.Font = Enum.Font.GothamMedium
el2.TextSize = 13
el2.TextColor3 = Color3.fromRGB(141, 162, 184)
el2.Parent = el0

local el3 = Instance.new("Frame")
el3.Name = "PassGrid"
el3.Size = UDim2.new(1, 0, 0.7, 0)
el3.Position = UDim2.new(0, 0, 0, 0)
el3.BackgroundTransparency = 1
el3.ZIndex = 1
el3.LayoutOrder = 2

local el3_corner = Instance.new("UICorner")
el3_corner.CornerRadius = UDim.new(0, 8)
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, 10)
el3_pad.PaddingBottom = UDim.new(0, 10)
el3_pad.PaddingLeft = UDim.new(0, 10)
el3_pad.PaddingRight = UDim.new(0, 10)
el3_pad.Parent = el3
el3.Parent = el0

local el4 = Instance.new("Frame")
el4.Name = "PassCard1"
el4.Size = UDim2.new(1, 0, 0.82, 0)
el4.Position = UDim2.new(0, 0, 0, 0)
el4.BackgroundColor3 = Color3.fromRGB(32, 39, 53)
el4.BackgroundTransparency = 0
el4.ZIndex = 1
el4.LayoutOrder = 0

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

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

local el4_pad = Instance.new("UIPadding")
el4_pad.PaddingTop = UDim.new(0, 10)
el4_pad.PaddingBottom = UDim.new(0, 10)
el4_pad.PaddingLeft = UDim.new(0, 10)
el4_pad.PaddingRight = UDim.new(0, 10)
el4_pad.Parent = el4
el4.Parent = el3

local el5 = Instance.new("TextLabel")
el5.Name = "PassBadge"
el5.Size = UDim2.new(1, 0, 0.18, 0)
el5.Position = UDim2.new(0, 0, 0, 0)
el5.BackgroundColor3 = Color3.fromRGB(56, 189, 248)
el5.BackgroundTransparency = 0
el5.ZIndex = 1
el5.LayoutOrder = 0

local el5_corner = Instance.new("UICorner")
el5_corner.CornerRadius = UDim.new(0, 8)
el5_corner.Parent = el5
el5.Text = "VIP PASS"
el5.Font = Enum.Font.GothamBold
el5.TextSize = 14
el5.TextColor3 = Color3.fromRGB(7, 17, 28)
el5.Parent = el4

local el6 = Instance.new("TextLabel")
el6.Name = "PassBenefit"
el6.Size = UDim2.new(1, 0, 0.25, 0)
el6.Position = UDim2.new(0, 0, 0, 0)
el6.BackgroundTransparency = 1
el6.ZIndex = 1
el6.LayoutOrder = 1

local el6_corner = Instance.new("UICorner")
el6_corner.CornerRadius = UDim.new(0, 8)
el6_corner.Parent = el6
el6.Text = "Gold name + VIP lounge"
el6.Font = Enum.Font.GothamMedium
el6.TextSize = 12
el6.TextColor3 = Color3.fromRGB(200, 211, 223)
el6.Parent = el4

local el7 = Instance.new("TextLabel")
el7.Name = "PassPrice"
el7.Size = UDim2.new(1, 0, 0.18, 0)
el7.Position = UDim2.new(0, 0, 0, 0)
el7.BackgroundTransparency = 1
el7.ZIndex = 1
el7.LayoutOrder = 2

local el7_corner = Instance.new("UICorner")
el7_corner.CornerRadius = UDim.new(0, 8)
el7_corner.Parent = el7
el7.Text = "399 R$"
el7.Font = Enum.Font.GothamBold
el7.TextSize = 18
el7.TextColor3 = Color3.fromRGB(251, 191, 36)
el7.Parent = el4

local el8 = Instance.new("TextButton")
el8.Name = "BuyVip"
el8.Size = UDim2.new(1, 0, 0.2, 0)
el8.Position = UDim2.new(0, 0, 0, 0)
el8.BackgroundColor3 = Color3.fromRGB(56, 189, 248)
el8.BackgroundTransparency = 0
el8.ZIndex = 1
el8.LayoutOrder = 3

local el8_corner = Instance.new("UICorner")
el8_corner.CornerRadius = UDim.new(0, 8)
el8_corner.Parent = el8
el8.Text = "BUY PASS"
el8.Font = Enum.Font.GothamBold
el8.TextSize = 13
el8.TextColor3 = Color3.fromRGB(7, 17, 28)
el8.Parent = el4

local el9 = Instance.new("Frame")
el9.Name = "PassCard2"
el9.Size = UDim2.new(1, 0, 0.82, 0)
el9.Position = UDim2.new(0, 0, 0, 0)
el9.BackgroundColor3 = Color3.fromRGB(32, 39, 53)
el9.BackgroundTransparency = 0
el9.ZIndex = 1
el9.LayoutOrder = 1

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

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

local el9_pad = Instance.new("UIPadding")
el9_pad.PaddingTop = UDim.new(0, 10)
el9_pad.PaddingBottom = UDim.new(0, 10)
el9_pad.PaddingLeft = UDim.new(0, 10)
el9_pad.PaddingRight = UDim.new(0, 10)
el9_pad.Parent = el9
el9.Parent = el3

local el10 = Instance.new("TextLabel")
el10.Name = "PassBadge"
el10.Size = UDim2.new(1, 0, 0.18, 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, 8)
el10_corner.Parent = el10
el10.Text = "DOUBLE COINS"
el10.Font = Enum.Font.GothamBold
el10.TextSize = 14
el10.TextColor3 = Color3.fromRGB(7, 17, 28)
el10.Parent = el9

local el11 = Instance.new("TextLabel")
el11.Name = "PassBenefit"
el11.Size = UDim2.new(1, 0, 0.25, 0)
el11.Position = UDim2.new(0, 0, 0, 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 = "Earn 2x coins forever"
el11.Font = Enum.Font.GothamMedium
el11.TextSize = 12
el11.TextColor3 = Color3.fromRGB(200, 211, 223)
el11.Parent = el9

local el12 = Instance.new("TextLabel")
el12.Name = "PassPrice"
el12.Size = UDim2.new(1, 0, 0.18, 0)
el12.Position = UDim2.new(0, 0, 0, 0)
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.Text = "249 R$"
el12.Font = Enum.Font.GothamBold
el12.TextSize = 18
el12.TextColor3 = Color3.fromRGB(251, 191, 36)
el12.Parent = el9

local el13 = Instance.new("TextButton")
el13.Name = "BuyDoubleCoins"
el13.Size = UDim2.new(1, 0, 0.2, 0)
el13.Position = UDim2.new(0, 0, 0, 0)
el13.BackgroundColor3 = Color3.fromRGB(167, 139, 250)
el13.BackgroundTransparency = 0
el13.ZIndex = 1
el13.LayoutOrder = 3

local el13_corner = Instance.new("UICorner")
el13_corner.CornerRadius = UDim.new(0, 8)
el13_corner.Parent = el13
el13.Text = "BUY PASS"
el13.Font = Enum.Font.GothamBold
el13.TextSize = 13
el13.TextColor3 = Color3.fromRGB(7, 17, 28)
el13.Parent = el9

local el14 = Instance.new("Frame")
el14.Name = "PassCard3"
el14.Size = UDim2.new(1, 0, 0.82, 0)
el14.Position = UDim2.new(0, 0, 0, 0)
el14.BackgroundColor3 = Color3.fromRGB(32, 39, 53)
el14.BackgroundTransparency = 0
el14.ZIndex = 1
el14.LayoutOrder = 2

local el14_corner = Instance.new("UICorner")
el14_corner.CornerRadius = UDim.new(0, 12)
el14_corner.Parent = el14

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

local el14_pad = Instance.new("UIPadding")
el14_pad.PaddingTop = UDim.new(0, 10)
el14_pad.PaddingBottom = UDim.new(0, 10)
el14_pad.PaddingLeft = UDim.new(0, 10)
el14_pad.PaddingRight = UDim.new(0, 10)
el14_pad.Parent = el14
el14.Parent = el3

local el15 = Instance.new("TextLabel")
el15.Name = "PassBadge"
el15.Size = UDim2.new(1, 0, 0.18, 0)
el15.Position = UDim2.new(0, 0, 0, 0)
el15.BackgroundColor3 = Color3.fromRGB(52, 211, 153)
el15.BackgroundTransparency = 0
el15.ZIndex = 1
el15.LayoutOrder = 0

local el15_corner = Instance.new("UICorner")
el15_corner.CornerRadius = UDim.new(0, 8)
el15_corner.Parent = el15
el15.Text = "SPEED COIL"
el15.Font = Enum.Font.GothamBold
el15.TextSize = 14
el15.TextColor3 = Color3.fromRGB(7, 17, 28)
el15.Parent = el14

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

local el16_corner = Instance.new("UICorner")
el16_corner.CornerRadius = UDim.new(0, 8)
el16_corner.Parent = el16
el16.Text = "Move faster in every world"
el16.Font = Enum.Font.GothamMedium
el16.TextSize = 12
el16.TextColor3 = Color3.fromRGB(200, 211, 223)
el16.Parent = el14

local el17 = Instance.new("TextLabel")
el17.Name = "PassPrice"
el17.Size = UDim2.new(1, 0, 0.18, 0)
el17.Position = UDim2.new(0, 0, 0, 0)
el17.BackgroundTransparency = 1
el17.ZIndex = 1
el17.LayoutOrder = 2

local el17_corner = Instance.new("UICorner")
el17_corner.CornerRadius = UDim.new(0, 8)
el17_corner.Parent = el17
el17.Text = "149 R$"
el17.Font = Enum.Font.GothamBold
el17.TextSize = 18
el17.TextColor3 = Color3.fromRGB(251, 191, 36)
el17.Parent = el14

local el18 = Instance.new("TextButton")
el18.Name = "BuySpeedCoil"
el18.Size = UDim2.new(1, 0, 0.2, 0)
el18.Position = UDim2.new(0, 0, 0, 0)
el18.BackgroundColor3 = Color3.fromRGB(52, 211, 153)
el18.BackgroundTransparency = 0
el18.ZIndex = 1
el18.LayoutOrder = 3

local el18_corner = Instance.new("UICorner")
el18_corner.CornerRadius = UDim.new(0, 8)
el18_corner.Parent = el18
el18.Text = "BUY PASS"
el18.Font = Enum.Font.GothamBold
el18.TextSize = 13
el18.TextColor3 = Color3.fromRGB(7, 17, 28)
el18.Parent = el14

local ReplicatedStorage = game:GetService("ReplicatedStorage")
local remotes = ReplicatedStorage:WaitForChild("Remotes")
local remote0 = remotes:WaitForChild("PurchaseGamePass")

el8.Activated:Connect(function()
	remote0:FireServer("vip")
end)

el13.Activated:Connect(function()
	remote0:FireServer("double-coins")
end)

el18.Activated:Connect(function()
	remote0:FireServer("speed-coil")
end)

-- Generated by Roblox GUI Maker
-- Place this Script in ServerScriptService
local ReplicatedStorage = game:GetService("ReplicatedStorage")

local remotes = ReplicatedStorage:FindFirstChild("Remotes")
if not remotes then
	remotes = Instance.new("Folder")
	remotes.Name = "Remotes"
	remotes.Parent = ReplicatedStorage
elseif not remotes:IsA("Folder") then
	error("ReplicatedStorage.Remotes must be a Folder")
end

local remote0 = remotes:FindFirstChild("PurchaseGamePass")
if not remote0 then
	remote0 = Instance.new("RemoteEvent")
	remote0.Name = "PurchaseGamePass"
	remote0.Parent = remotes
elseif not remote0:IsA("RemoteEvent") then
	error("ReplicatedStorage.Remotes." .. "PurchaseGamePass" .. " must be a RemoteEvent")
end

remote0.OnServerEvent:Connect(function(player, action)
	if action == "vip" then
		-- Validate the player and action before changing game state.
	elseif action == "double-coins" then
		-- Validate the player and action before changing game state.
	elseif action == "speed-coil" then
		-- Validate the player and action before changing game state.
	else
		warn("Unexpected " .. "PurchaseGamePass" .. " action from " .. player.Name .. ": " .. tostring(action))
	end
end)