Roblox AutoGridLayout

AutoGridLayout automatically scales UIGridLayout cells based on the size of their parent container, making it easy to create responsive interfaces for Roblox.

Features

• Automatic responsive cell scaling
• Supports fixed columns and optional rows
• Percentage-based padding
• Optional aspect ratio
• Lightweight and easy to set up
• Uses CollectionService
• Fully open source
• MIT License

Setup

1. Place the LocalScript in StarterPlayerScripts.
2. Tag each UIGridLayout with "UIGridLayout".
3. Configure the required Attributes (Columns, Rows, Padding, and AspectRatio).
4. If you're using a ScrollingFrame, set AutomaticCanvasSize to Y or XY to prevent stretched cells.

If you prefer, you can also get this asset directly from the Roblox Creator Store:

AutoGridLayout on Roblox Creator Store

Feedback, suggestions, and contributions are always welcome.