Blox UI Library by skywars1116

Search…
Documentation
Update:
All of the latest updates can be found in here.
Added:
Section Update Functions
New Themes:
   Serpent
New Component:
   Label
Rich Text Support For:
UI Title,
Sections,
And Other Elements (exc tabs)

Getting Loadstring
1
local Library = loadstring(game:HttpGet("https://fluxus.neocities.org/BloxUiLibary.txt"))()
Copied!
Creating UI Library Window
1
local Window = Library.CreateLib("TITLE", "DarkTheme")
Copied!
Themes:
    LightTheme
    DarkTheme
    GrapeTheme
    BloodTheme
    Ocean
    Midnight
    Sentinel
    Synapse
Creating Tabs
1
local Tab = Window:NewTab("TabName")
Copied!
Creating Section
1
local Section = Tab:NewSection("Section Name")
Copied!
Update Section
1
Section:UpdateSection("Section New Title")
Copied!
Creating Labels
1
Section:NewLabel("LabelText")
Copied!
Update Label
1
label:UpdateLabel("New Text")
Copied!
Creating Buttons
1
Section:NewButton("ButtonText", "ButtonInfo", function()
2
    print("Clicked")
3
end)
Copied!
Update Button
Make sure your button is local when updating it.
1
button:UpdateButton("New Text")
Copied!
Creating Toggles
1
Section:NewToggle("ToggleText", "ToggleInfo", function(state)
2
    if state then
3
        print("Toggle On")
4
    else
5
        print("Toggle Off")
6
    end
7
end)
Copied!
Updating Toggles
1
getgenv().Toggled = false
2
​
3
local toggle = Section:NewToggle("Toggle", "Info", (state)
4
    getgenv().Toggled = state
5
end)
6
​
7
game:GetService("RunService").RenderStepped:Connect(function()
8
	if getgenv().Toggled then
9
		toggle:UpdateToggle("Toggle On")
10
	else
11
		toggle:UpdateToggle("Toggle Off")
12
	end
13
end)
Copied!
Creating Sliders
1
Section:NewSlider("SliderText", "SliderInfo", 500, 0, function(s) -- 500 (MaxValue) | 0 (MinValue)
2
    game.Players.LocalPlayer.Character.Humanoid.WalkSpeed = s
3
end)
Copied!
Creating Textboxes
1
Section:NewTextBox("TextboxText", "TextboxInfo", function(txt)
2
	print(txt)
3
end)
4
​
Copied!
Creating Keybinds
1
Section:NewKeybind("KeybindText", "KeybindInfo", Enum.KeyCode.F, function()
2
	print("You just clicked the bind")
3
end)
4
​
Copied!
Toggling UI with Keybinds
1
Section:NewKeybind("KeybindText", "KeybindInfo", Enum.KeyCode.F, function()
2
	Library:ToggleUI()
3
end)
Copied!
Creating Dropdowns
1
Section:NewDropdown("DropdownText", "DropdownInf", {"Option 1", "Option 2", "Option 3"}, function(currentOption)
2
    print(currentOption)
3
end)
4
​
Copied!
Dropdown Refresh
1
local oldList = {
2
  "2019",
3
  "2020"
4
}
5
local newList = {
6
  "2021",
7
  "2022"
8
}
9
local dropdown = Section:NewDropdown("Dropdown","Info", oldList, function()
10
​
11
end)
12
Section:NewButton("Update Dropdown", "Refreshes Dropdown", function()
13
  dropdown:Refresh(newList)
14
end)
Copied!
Creating Color Pickers
1
Section:NewColorPicker("Color Text", "Color Info", Color3.fromRGB(0,0,0), function(color)
2
    print(color)
3
    -- Second argument is the default color
4
end)
Copied!
Applying Custom Themes / Colors
Make new table, here you are going to put your colors, as shown below.
1
local colors = {
2
    SchemeColor = Color3.fromRGB(0,255,255),
3
    Background = Color3.fromRGB(0, 0, 0),
4
    Header = Color3.fromRGB(0, 0, 0),
5
    TextColor = Color3.fromRGB(255,255,255),
6
    ElementColor = Color3.fromRGB(20, 20, 20)
7
}
Copied!
Applying it: Change your window code little bit.
1
local Window = Library.CreateLib("TITLE", colors)
Copied!
Want to add fully customizable UI?
Add this code in your section. This will create color pickers.
Make sure you have added table with all the values of UI. then apply it to window. Like shown above.
1
for theme, color in pairs(themes) do
2
    Section:NewColorPicker(theme, "Change your "..theme, color, function(color3)
3
        Library:ChangeColor(theme, color3)
4
    end)
5
end
6
​
Copied!
Last modified 10mo ago