Top 10 Roblox GUI Templates Free to Use (2026)

The 10 templates

1. RPG Inventory: a slot grid with UIGridLayout, drag-and-drop, rarity borders, and DataStore persistence. 2. Shop GUI: an item grid with category tabs and MarketplaceService purchase prompts. 3. Simulator HUD: a click counter, rebirth badge, and coin display. 4. Global Leaderboard: top-10 ranking powered by OrderedDataStore with auto-refresh. 5. Settings Menu: volume sliders, graphics toggles, and keybinds with DataStore save. 6. Loading Screen: a branded splash with a progress bar that fades out. 7. FPS HUD: ammo counter, health bar, and crosshair. 8. Tycoon UI: money display, purchase buttons, and an owner gate. 9. Dialogue System: a textbox with portrait and choice buttons. 10. Obby Start Screen: a Play button, level select, and best-time display. Each template is a starting point, not a finished piece, so expect to swap colors, fonts, and copy to match your game's theme before shipping. The Luau in every template is written to be readable, so a developer can trace how the slot grid populates or how the purchase flow validates before customizing it. If your game needs a pattern none of the ten templates cover, start from the closest match and add the missing piece in the editor, then export. The templates also work as a learning resource: reading the exported Luau of the shop or inventory template teaches the standard Roblox patterns for purchases and persistence, which you can then apply to a custom UI. Most teams pick two or three templates as their base and branch from there as the game grows, adding a new screen by duplicating an existing template and re-skinning it rather than starting from a blank canvas. Because every template uses Scale-based sizing and UIGridLayout or UIListLayout for structure, a template built for a phone-sized shop panel scales up to a desktop layout without rewriting the Luau. That is the main reason starting from a template beats hand-placing elements in Studio: the responsive sizing is already correct, so your effort goes into the look and the game logic instead of fighting UDim2 values.

What a template export looks like

Every template exports the same kind of readable Luau. Below is the skeleton of the inventory template, showing the slot grid setup you can edit after exporting.

1-- Inventory template (from Roblox GUI templates free library)
2local gui = Instance.new("ScreenGui")
3gui.ResetOnSpawn = false
4gui.Parent = player.PlayerGui
5
6local panel = Instance.new("Frame")
7panel.Size = UDim2.new(0.5, 0, 0.6, 0)
8panel.Position = UDim2.new(0.25, 0, 0.2, 0)
9panel.Parent = gui
10
11local grid = Instance.new("ScrollingFrame")
12grid.Size = UDim2.new(1, 0, 0.85, 0)
13grid.Parent = panel
14
15local layout = Instance.new("UIGridLayout")
16layout.CellSize = UDim2.fromOffset(120, 120)
17layout.CellPadding = UDim2.fromOffset(8, 8)
18layout.Parent = grid

How to customize a template

Open any template in the web editor and the canvas loads the full layout. Change the panel color, swap fonts, resize the grid cells, or add new buttons in the properties panel. The Luau regenerates as you edit, so you export a version that matches your game's art direction. Because the templates use Scale-based sizing, your customizations survive on mobile without extra work.

Frequently asked questions