Welcome! This documentation will guide you through creating a nice UI using the library.
The primary variable used in this library is Elerium/ImGUI
.
library: { AddWindow(string title, table options [optional]) -> { AddTab(string title) -> { AddLabel(string text) AddButton(string title, function callback) AddTextBox(string title, function callback, table options [clear = true]) AddSwitch(string title, function callback) -> { Set(boolean statement) } AddSlider(string title, function callback, table options [min, max, readonly]) -> { Set(number) } AddKeybind(string title, function callback, table options [standard]) -> { SetKeybind(Enum keycode) } AddDropdown(string title, function callback) -> { Add(string title) -> { Remove() } } AddColorPicker(function callback) -> { Set(Color3 color) } AddConsole(table options) -> { Get(), Set(string input), Log(string message) } AddHorizontalAlignment() -> { AddButton(...) } AddFolder(string title) -> { Returns similar functions as AddTab } Show() -- Opens tab } } FormatWindows() -- Organizes windows }
local window = library:AddWindow("My Window")
local tab = window:AddTab("Main Tab")
tab:Show()
tab:AddLabel("Hello World!")
tab:AddButton("Click Me", function()
print("Button Clicked!")
end)
tab:AddTextBox("Enter Name", function(text)
print("User entered: " .. text)
end, { clear = false })
local switch = tab:AddSwitch("Enable Feature", function(state)
print("Feature Enabled: " .. tostring(state))
end)
switch:Set(true)
local slider = tab:AddSlider("Speed", function(value)
print("Speed set to: " .. value)
end, { min = 10, max = 100 })
slider:Set(50)
local dropdown = tab:AddDropdown("Choose Option", function(choice)
print("Selected: " .. choice)
end)
local option1 = dropdown:Add("Option 1")
option1:Remove()
tab:AddColorPicker(function(color)
print("Color Selected: ", color)
end)
tab:AddConsole({ y = 200, readonly = false, source = "Lua" })
library:FormatWindows()
Use FormatWindows()
after setting up your UI to neatly arrange all windows.