Roblox GUI Maker
← All templates

Settings

Roblox Settings GUI

Toggle rows stacked with UIListLayout

SETTINGS
Music
Sound Effects
Particles
Open in Editor →Start blank

A settings panel: each option is a row with a label and a toggle pill, stacked vertically with UIListLayout and inner padding from UIPadding.

This template is built entirely from native Roblox instances and is fully editable. Open it in the editor to change colors, text, sizes and layout, then export the result as clean Luau — paste it into a LocalScript inside a ScreenGui and it works as-is.

How to build this

UIListLayout is the Roblox layout object that automatically stacks a Frame's children in a vertical list or horizontal row. Instead of positioning every button by hand, you drop one UIListLayout into a container and the children arrange themselves. This guide covers the properties that matter and a complete example.

1. Add it to a container

UIListLayout is a child of the container it controls. The moment it's parented, every sibling Frame, button or label gets arranged.

2. Direction, padding and alignment

FillDirection picks vertical or horizontal. Padding sets the gap between children. HorizontalAlignment and VerticalAlignment position the whole stack within the container.

Read the full How to Use UIListLayout in Roblox guide →

Build it for your screen type

More templates

GAME TITLE
PLAY
SETTINGS
QUIT

Main Menu

🛒 SHOP

Shop

INVENTORY

Inventory