Kavo UI Library by xHeptc u fucktards

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

local Library = loadstring(game:HttpGet("https://raw.githubusercontent.com/xHeptc/Kavo-UI-Library/main/source.lua"))()

Creating UI Library Window

local Window = Library.CreateLib("TITLE", "DarkTheme")

Themes: LightTheme DarkTheme GrapeTheme BloodTheme Ocean Midnight Sentinel Synapse

Creating Tabs

local Tab = Window:NewTab("TabName")

Creating Section

local Section = Tab:NewSection("Section Name")

Update Section

Section:UpdateSection("Section New Title")

Creating Labels

Section:NewLabel("LabelText")

Update Label

label:UpdateLabel("New Text")

Creating Buttons

Section:NewButton("ButtonText", "ButtonInfo", function()
    print("Clicked")
end)

Update Button

Make sure your button is local when updating it.

button:UpdateButton("New Text")

Creating Toggles

Section:NewToggle("ToggleText", "ToggleInfo", function(state)
    if state then
        print("Toggle On")
    else
        print("Toggle Off")
    end
end)

Updating Toggles

getgenv().Toggled = false

local toggle = Section:NewToggle("Toggle", "Info", (state)
    getgenv().Toggled = state
end)

game:GetService("RunService").RenderStepped:Connect(function()
	if getgenv().Toggled then
		toggle:UpdateToggle("Toggle On")
	else
		toggle:UpdateToggle("Toggle Off")
	end
end)

Creating Sliders

Section:NewSlider("SliderText", "SliderInfo", 500, 0, function(s) -- 500 (MaxValue) | 0 (MinValue)
    game.Players.LocalPlayer.Character.Humanoid.WalkSpeed = s
end)

Creating Textboxes

Section:NewTextBox("TextboxText", "TextboxInfo", function(txt)
	print(txt)
end)

Creating Keybinds

Section:NewKeybind("KeybindText", "KeybindInfo", Enum.KeyCode.F, function()
	print("You just clicked the bind")
end)

Toggling UI with Keybinds

Section:NewKeybind("KeybindText", "KeybindInfo", Enum.KeyCode.F, function()
	Library:ToggleUI()
end)

Creating Dropdowns

Section:NewDropdown("DropdownText", "DropdownInf", {"Option 1", "Option 2", "Option 3"}, function(currentOption)
    print(currentOption)
end)

Dropdown Refresh

local oldList = {
  "2019",
  "2020"
}
local newList = {
  "2021",
  "2022"
}
local dropdown = Section:NewDropdown("Dropdown","Info", oldList, function()

end)
Section:NewButton("Update Dropdown", "Refreshes Dropdown", function()
  dropdown:Refresh(newList)
end)

Creating Color Pickers

Section:NewColorPicker("Color Text", "Color Info", Color3.fromRGB(0,0,0), function(color)
    print(color)
    -- Second argument is the default color
end)

Applying Custom Themes / Colors

Make new table, here you are going to put your colors, as shown below.

local colors = {
    SchemeColor = Color3.fromRGB(0,255,255),
    Background = Color3.fromRGB(0, 0, 0),
    Header = Color3.fromRGB(0, 0, 0),
    TextColor = Color3.fromRGB(255,255,255),
    ElementColor = Color3.fromRGB(20, 20, 20)
}

Applying it: Change your window code little bit.

local Window = Library.CreateLib("TITLE", colors)

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.

for theme, color in pairs(themes) do
    Section:NewColorPicker(theme, "Change your "..theme, color, function(color3)
        Library:ChangeColor(theme, color3)
    end)
end