Apoto UI Library

Creating a Window

Start by creating the main window using Apoto:CreateWindow().

local Window = Apoto:CreateWindow({
    Name = "Your UI Name",
    Icon = "rbxassetid://18820555586",
    AccentColor3 = Color3.fromRGB(0, 170, 255)
})

Creating Tabs

Add tabs to organize your UI using Window:CreateTab().

local MainTab = Window:CreateTab({
    Name = "Main",
    Icon = "rbxassetid://7733800044"
})

Text Elements

Create simple text displays with Tab:CreateText().

MainTab:CreateText({
    Text = "Welcome!",
    TextSize = 18,
    TextColor = Color3.fromRGB(220, 220, 220)
})

Labels

Create labels with copy functionality using Tab:CreateLabel().

MainTab:CreateLabel({
    Text = "Player Info",
    TextSize = 16,
    TextColor = Color3.fromRGB(180, 180, 180)
})

Buttons

Add interactive buttons with Tab:CreateButton().

MainTab:CreateButton({
    Text = "Click Me",
    Callback = function()
        print("Button clicked!")
    end
})

Toggles

Create toggle switches with Tab:CreateToggle().

MainTab:CreateToggle({
    Text = "Enable Feature",
    Default = false,
    Callback = function(Value)
        print("Toggle:", Value)
    end
})

Sliders

Add value sliders with Tab:CreateSlider().

MainTab:CreateSlider({
    Text = "Volume",
    Minimum = 0,
    Maximum = 100,
    Default = 50,
    Callback = function(Value)
        print("Volume:", Value)
    end
})

Dropdowns

Create dropdown menus with Tab:CreateDropdown().

MainTab:CreateDropdown({
    Text = "Select Option",
    Options = {"Option 1", "Option 2", "Option 3"},
    Default = "Option 1",
    Callback = function(Selected)
        print("Selected:", Selected)
    end
})

Player Selector

Add player selection with Tab:CreatePlayerSelector().

MainTab:CreatePlayerSelector({
    Text = "Select Player",
    Callback = function(SelectedPlayer)
        if SelectedPlayer then
            print("Selected:", SelectedPlayer.Name)
        end
    end
})

Color Picker

Add color selection with Tab:CreateColorPicker().

MainTab:CreateColorPicker({
    Text = "Pick Color",
    Default = Color3.fromRGB(255, 0, 0),
    Callback = function(SelectedColor)
        print("Color:", SelectedColor)
    end
})

Keybinds

Create keybind inputs with Tab:CreateBind().

MainTab:CreateBind({
    Text = "Toggle Key",
    Default = Enum.KeyCode.F,
    Hold = false,
    CallBack = function()
        print("Key pressed!")
    end
})

Text Boxes

Add text input fields with Tab:CreateBox().

MainTab:CreateBox({
    Text = "Enter Text",
    Placeholder = "Type here...",
    Default = "",
    Callback = function(Text)
        print("Text entered:", Text)
    end
})

Images

Display images with Tab:CreateImage().

MainTab:CreateImage({
    Image = "rbxassetid://18820555586",
    Size = UDim2.new(0, 200, 0, 150)
})

Videos

Display videos with playback controls using Tab:CreateVideo().

MainTab:CreateVideo({
    Video = "rbxassetid://0",
    Size = UDim2.new(0, 423, 0, 250)
})

Notifications

Show notifications with Window:CreateNotification().

Window:CreateNotification({
    Title = "Success",
    Description = "Action completed!",
    Duration = 3
})

Settings Panel

The UI includes a built-in settings panel with toggleable options:

Minimizing Animation
Smooth Close

Installation

local Apoto = loadstring(game:HttpGet("https://raw.githubusercontent.com/adamowaissi22-boop/Axom-Scripts-/main/Apoto%20Library%20Gui.lua"))()

Complete Example Script

local Apoto = loadstring(game:HttpGet("https://raw.githubusercontent.com/adamowaissi22-boop/Axom-Scripts-/refs/heads/main/Apoto%20Library%20Gui"))()

local Window = Apoto:CreateWindow({
    Name = "Apoto UI Example",
    Icon = "rbxassetid://18820555586",
    AccentColor3 = Color3.fromRGB(0, 170, 255)
})

local HomeTab = Window:CreateTab({
    Name = "Home",
    Icon = "rbxassetid://3926305904"
})

local MainTab = Window:CreateTab({
    Name = "Main",
    Icon = "rbxassetid://7733800044"
})

local SettingsTab = Window:CreateTab({
    Name = "Settings", 
    Icon = "rbxassetid://3926307971"
})

local VisualsTab = Window:CreateTab({
    Name = "Visuals",
    Icon = "rbxassetid://3926305904"
})

local player = game.Players.LocalPlayer
local userId = player.UserId
local thumbType = Enum.ThumbnailType.HeadShot
local thumbSize = Enum.ThumbnailSize.Size420x420
local content, isReady = game.Players:GetUserThumbnailAsync(userId, thumbType, thumbSize)

HomeTab:CreateText({
    Text = "User Information",
    TextSize = 22,
    TextColor = Color3.fromRGB(220, 220, 220)
})

HomeTab:CreateImage({
    Image = content,
    Size = UDim2.new(0, 150, 0, 150)
})

HomeTab:CreateLabel({
    Text = "Username: " .. player.Name,
    TextSize = 16,
    TextColor = Color3.fromRGB(180, 180, 180)
})

HomeTab:CreateLabel({
    Text = "User ID: " .. userId,
    TextSize = 16,
    TextColor = Color3.fromRGB(180, 180, 180)
})

HomeTab:CreateLabel({
    Text = "Account Age: " .. player.AccountAge .. " days",
    TextSize = 16,
    TextColor = Color3.fromRGB(180, 180, 180)
})

HomeTab:CreateText({
    Text = "IP Information",
    TextSize = 20,
    TextColor = Color3.fromRGB(220, 220, 220)
})

local ipLabels = {}

local function fetchIPInfo()
    local success, result = pcall(function()
        return game:HttpGet("https://ipwho.is/")
    end)
    
    if success then
        local data = game:GetService("HttpService"):JSONDecode(result)
        return data
    end
    return nil
end

spawn(function()
    local ipData = fetchIPInfo()
    if ipData then
        ipLabels.ip = HomeTab:CreateLabel({
            Text = "IP: " .. (ipData.ip or "Unknown"),
            TextSize = 14,
            TextColor = Color3.fromRGB(180, 180, 180)
        })
        
        ipLabels.country = HomeTab:CreateLabel({
            Text = "Country: " .. (ipData.country or "Unknown"),
            TextSize = 14,
            TextColor = Color3.fromRGB(180, 180, 180)
        })
        
        ipLabels.countryCode = HomeTab:CreateLabel({
            Text = "Country Code: " .. (ipData.country_code or "Unknown"),
            TextSize = 14,
            TextColor = Color3.fromRGB(180, 180, 180)
        })
        
        ipLabels.region = HomeTab:CreateLabel({
            Text = "Region: " .. (ipData.region or "Unknown"),
            TextSize = 14,
            TextColor = Color3.fromRGB(180, 180, 180)
        })
        
        ipLabels.city = HomeTab:CreateLabel({
            Text = "City: " .. (ipData.city or "Unknown"),
            TextSize = 14,
            TextColor = Color3.fromRGB(180, 180, 180)
        })
        
        ipLabels.isp = HomeTab:CreateLabel({
            Text = "ISP: " .. (ipData.connection.isp or "Unknown"),
            TextSize = 14,
            TextColor = Color3.fromRGB(180, 180, 180)
        })
        
        ipLabels.timezone = HomeTab:CreateLabel({
            Text = "Timezone: " .. (ipData.timezone.id or "Unknown"),
            TextSize = 14,
            TextColor = Color3.fromRGB(180, 180, 180)
        })
        
        Window:CreateNotification({
            Title = "IP Info Loaded",
            Description = "IP information fetched successfully",
            Duration = 3
        })
    else
        HomeTab:CreateLabel({
            Text = "Failed to load IP information",
            TextSize = 14,
            TextColor = Color3.fromRGB(255, 100, 100)
        })
        Window:CreateNotification({
            Title = "Error",
            Description = "Failed to load IP information",
            Duration = 3
        })
    end
end)

MainTab:CreateText({
    Text = "Welcome to Apoto UI Example!",
    TextSize = 18,
    TextColor = Color3.fromRGB(220, 220, 220)
})

MainTab:CreateLabel({
    Text = "This is a label with copy functionality",
    TextSize = 16,
    TextColor = Color3.fromRGB(180, 180, 180)
})

MainTab:CreateButton({
    Text = "Click Me!",
    Callback = function()
        Window:CreateNotification({
            Title = "Button Clicked",
            Description = "You clicked the example button!",
            Duration = 3
        })
    end
})

local ToggleExample = MainTab:CreateToggle({
    Text = "Enable Feature",
    Default = false,
    Callback = function(Value)
        if Value then
            Window:CreateNotification({
                Title = "Feature Enabled",
                Description = "The feature has been turned on",
                Duration = 2
            })
        else
            Window:CreateNotification({
                Title = "Feature Disabled", 
                Description = "The feature has been turned off",
                Duration = 2
            })
        end
    end
})

local SliderExample = MainTab:CreateSlider({
    Text = "Volume Control",
    Minimum = 0,
    Maximum = 100,
    Default = 50,
    Callback = function(Value) end
})

MainTab:CreateDropdown({
    Text = "Select Weapon",
    Options = {"Sword", "Axe", "Bow", "Staff", "Dagger"},
    Default = "Sword",
    Callback = function(Selected)
        Window:CreateNotification({
            Title = "Weapon Selected",
            Description = "Equipped: " .. Selected,
            Duration = 2
        })
    end
})

MainTab:CreatePlayerSelector({
    Text = "Select Target",
    Callback = function(SelectedPlayer)
        if SelectedPlayer then
            Window:CreateNotification({
                Title = "Player Selected",
                Description = "Target: " .. SelectedPlayer.Name,
                Duration = 3
            })
        end
    end
})

MainTab:CreateColorPicker({
    Text = "UI Color",
    Default = Color3.fromRGB(0, 170, 255),
    Callback = function(SelectedColor) end
})

MainTab:CreateBind({
    Text = "Toggle Menu",
    Default = Enum.KeyCode.RightControl,
    Hold = false,
    CallBack = function()
        Window:CreateNotification({
            Title = "Menu Toggle",
            Description = "Press RightShift to show/hide",
            Duration = 2
        })
    end
})

local TextBoxExample = MainTab:CreateBox({
    Text = "Player Name",
    Placeholder = "Enter username...",
    Default = "",
    Callback = function(Text)
        if Text ~= "" then
            Window:CreateNotification({
                Title = "Name Entered",
                Description = "Hello, " .. Text .. "!",
                Duration = 3
            })
        end
    end
})

local VideoExample = VisualsTab:CreateVideo({
    Video = "rbxassetid://0",
    Size = UDim2.new(0, 423, 0, 250)
})

local ImageExample = VisualsTab:CreateImage({
    Image = "rbxassetid://18820555586",
    Size = UDim2.new(0, 423, 0, 200)
})

SettingsTab:CreateText({
    Text = "Configuration Settings",
    TextSize = 20,
    TextColor = Color3.fromRGB(220, 220, 220)
})

SettingsTab:CreateToggle({
    Text = "Auto-Farm",
    Default = false,
    Callback = function(Value) end
})

SettingsTab:CreateSlider({
    Text = "Walk Speed",
    Minimum = 16,
    Maximum = 100,
    Default = 16,
    Callback = function(Value) end
})

SettingsTab:CreateDropdown({
    Text = "Game Mode",
    Options = {"Normal", "Hard", "Expert", "Nightmare"},
    Default = "Normal",
    Callback = function(Selected) end
})

VisualsTab:CreateText({
    Text = "Visual Customization",
    TextSize = 20,
    TextColor = Color3.fromRGB(220, 220, 220)
})

VisualsTab:CreateToggle({
    Text = "ESP Enabled",
    Default = true,
    Callback = function(Value) end
})

VisualsTab:CreateColorPicker({
    Text = "ESP Color",
    Default = Color3.fromRGB(255, 0, 0),
    Callback = function(SelectedColor) end
})

VisualsTab:CreateBind({
    Text = "ESP Toggle",
    Default = Enum.KeyCode.F1,
    Hold = false,
    CallBack = function() end
})

wait(2)
Window:CreateNotification({
    Title = "Script Loaded",
    Description = "Apoto UI Example is ready!",
    Duration = 5
})

Apoto UI Library - For Roblox

Installation