🌈 Rainbow UI Gradient Script
███████ ███ ███ ██████ ██████ ████████ ██ ██
██ ████ ████ ██ ██ ██ ██ ██ ██ ██
███████ ██ ████ ██ ██ ██ ██ ██ ██ ███████
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
███████ ██ ██ ██████ ██████ ██ ██ ██
██ ██ ██ ██████ ██████ █████ ██████ ██ ███████ ███ ██ ████████
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ████ ██ ██
██ ██ ██ ██ ███ ██████ ███████ ██ ██ ██ █████ ██ ██ ██ ██
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
██████ ██ ██████ ██ ██ ██ ██ ██████ ██ ███████ ██ ████ ██
██████ ██████ ██ ██████ ██████ ███████ ██ ██ ███████ ████████ ███████ ███ ███
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ████ ████
██ ██ ██ ██ ██ ██ ██████ ███████ ████ ███████ ██ █████ ██ ████ ██
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
██████ ██████ ███████ ██████ ██ ██ ███████ ██ ███████ ██ ███████ ██ ██
📜 Copyright
╔════════════════════════════════════════════════════╗ ║ Script Created by @mindcreator9 ║ ║ System made by @mindcreator9 ║ ║ From The epic cake ║ ╚════════════════════════════════════════════════════╝Copyright © 2025 @mindcreator9
Permission is hereby granted, free of charge, to any person obtaining a copy
of this script and associated documentation files (the “Script”), to use, copy,
modify, merge, publish, and distribute the Script, provided that the following
conditions are met:
- The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Script.- The Script may not be sold, sublicensed, or used for commercial purposes
without prior written permission from @mindcreator9.- The Script is provided “as is”, without warranty of any kind, express or
implied, including but not limited to the warranties of merchantability,
fitness for a particular purpose, and noninfringement.For inquiries, contact: @mindcreator9 / On Discord
╔════════════════════════════════════════════════════╗
║ Thancks for using! ║
╚════════════════════════════════════════════════════╝
💡 Description
This script smoothly loops a rainbow-colored gradient on any UIGradient object. It is highly configurable and easy to implement. Perfect for stylish UIs!
✨ Features
- Customizable hue cycle speed
- Smooth rainbow color transition
- Adjustable saturation, value, and number of color keypoints
🧠 Usage
- Insert a
UIGradientin your UI element. - Paste this script as a LocalScript or Script under the UIGradient.
- Edit the
UiGradientvariable to match your hierarchy if needed.
🧩 Source Code
-- CONFIG
--[[
███████ ███ ███ ██████ ██████ ████████ ██ ██
██ ████ ████ ██ ██ ██ ██ ██ ██ ██
███████ ██ ████ ██ ██ ██ ██ ██ ██ ███████
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
███████ ██ ██ ██████ ██████ ██ ██ ██
██ ██ ██ ██████ ██████ █████ ██████ ██ ███████ ███ ██ ████████
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ████ ██ ██
██ ██ ██ ██ ███ ██████ ███████ ██ ██ ██ █████ ██ ██ ██ ██
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
██████ ██ ██████ ██ ██ ██ ██ ██████ ██ ███████ ██ ████ ██
██████ ██████ ██ ██████ ██████ ███████ ██ ██ ███████ ████████ ███████ ███ ███
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ████ ████
██ ██ ██ ██ ██ ██ ██████ ███████ ████ ███████ ██ █████ ██ ████ ██
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
██████ ██████ ███████ ██████ ██ ██ ███████ ██ ███████ ██ ███████ ██ ██
]]
--COPYRIGHT SECTION!
--[[
╔════════════════════════════════════════════════════╗
║ Script Created by @mindcreator9 ║
║ System made by @mindcreator9 ║
║ From The epic cake ║
╚════════════════════════════════════════════════════╝
Copyright © 2025 @mindcreator9
Permission is hereby granted, free of charge, to any person obtaining a copy
of this script and associated documentation files (the "Script"), to use, copy,
modify, merge, publish, and distribute the Script, provided that the following
conditions are met:
1. The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Script.
2. The Script may not be sold, sublicensed, or used for commercial purposes
without prior written permission from @mindcreator9.
3. The Script is provided "as is", without warranty of any kind, express or
implied, including but not limited to the warranties of merchantability,
fitness for a particular purpose, and noninfringement.
For inquiries, contact: @mindcreator9 / On Discord
╔════════════════════════════════════════════════════╗
║ Thancks for using! ║
╚════════════════════════════════════════════════════╝
]]
--THIS SYSTEM MAKE RAINBOW COLOR. SOFT MOVEMENT
--CONFIG
local UiGradient = script.Parent --CHANGE HERE YOUR PARENT
local HUE_CYCLE_SPEED = 3 --This is the speed rn is good but u can change
local GRADIENT_HUE_SPREAD = 0.65
local SATURATION = 1 --MAX 1 MIN 0
local VALUE = 1 -- MAX 1 MIN 0
local UPDATE_INTERVAL = 0.05
local NUM_KEYPOINTS = 7 -- MIN 2 FOR SMOOTH
local currentHue = 0 -- DONT TOUCH LITTLE BROTHER ;)
--DONT TOUCH ANYTHING BELLOW THIS LINE UNLESS YOU KNOW WHAT U DOING ;)
while task.wait(UPDATE_INTERVAL) do
currentHue = (currentHue + HUE_CYCLE_SPEED) % 1
local keypointsArray = {}
if NUM_KEYPOINTS < 2 then
local color = Color3.fromHSV(currentHue, SATURATION, VALUE)
table.insert(keypointsArray, ColorSequenceKeypoint.new(0, color))
table.insert(keypointsArray, ColorSequenceKeypoint.new(1, color))
else
for i = 0, NUM_KEYPOINTS - 1 do
local fraction = i / (NUM_KEYPOINTS - 1)
local hue = (currentHue + fraction * GRADIENT_HUE_SPREAD) % 1
local color = Color3.fromHSV(hue, SATURATION, VALUE)
table.insert(keypointsArray, ColorSequenceKeypoint.new(fraction, color))
end
end
UiGradient.Color = ColorSequence.new(keypointsArray)
end
Free model link: Link to free model
❤️ Made with love by @mindcreator9 from The epic cake
