Hey! 
I’ve been working on a small UI background generator module and figured I’d share it in case it’s useful to anyone.
I made it because the quality is way sharper than using regular images, and it’s more customizable.
It’s mainly focused on grid-based backgrounds (tiles, size, etc.).
It supports single-layer and multi-layer backgrounds.
Download:
BackgroundGenerator.rbxm (5,1 KB) (drag & drop into studio)
To use it, just require the module:
-- Adjust this path as needed
local BackgroundGenerator = require(script:WaitForChild("BackgroundGenerator"))
Example usage and images
Single-Layer Background
local background = BackgroundGenerator.new(ScreenGui)
background.tileShape = BackgroundGenerator.ShapeTypes.Square
background.tileSize = 128
background.tileThickness = 2
background.foregroundColor = Color3.fromRGB(71, 71, 71)
background.backgroundGradient = {
Color3.fromRGB(36, 36, 36),
Color3.fromRGB(50, 50, 50),
-45
}
Multi-Layer Background
local multiLayerBackground = BackgroundGenerator.new(ScreenGui)
multiLayerBackground.layers = {
{
layer = 1,
tileShape = BackgroundGenerator.ShapeTypes.Square,
tileSize = 64,
tileThickness = 1.5,
foregroundColor = Color3.fromRGB(47, 47, 47)
},
{
layer = 2,
tileShape = BackgroundGenerator.ShapeTypes.Square,
tileSize = 256,
tileThickness = 1.5,
foregroundColor = Color3.fromRGB(32, 32, 32)
}
}
multiLayerBackground.backgroundColor = Color3.fromRGB(42, 42, 42)
multiLayerBackground:generate()
