Axion UI Library Documentation

Creating a Window

Create the main UI window with customizable options like name, subtitle, theme, and configuration saving.

local Window = Axion:CreateWindow({
    Name = "Axion - Demo Script",
    Subtitle = "UI Library Demo",
    Version = "v1.0",
    Theme = "Default",
    ConfigurationSaving = {
        Enabled = true,
        FolderName = "AxionConfig",
        FileName = "DemoConfig"
    }
})

Adding Tabs

Tabs organize your UI into different sections. Each tab can have an icon and multiple sections.

local MainTab = Window:CreateTab({
    Name = "Main",
    Icon = "⭐"
})

local VisualTab = Window:CreateTab({
    Name = "Visual",
    Icon = "👁️"
})

Creating Toggles

Toggles are switches that can be turned on/off. They support flags for configuration saving.

local noclipToggle = MainSection:CreateToggle({
    Name = "NoClip",
    CurrentValue = false,
    Flag = "NoClip",
    Callback = function(value)
        -- Your code here
    end
})

Creating Buttons

Buttons execute code when clicked. They can include icons and have hover effects.

local teleportButton = MainSection:CreateButton({
    Name = "Teleport to Spawn",
    Callback = function()
        local player = game.Players.LocalPlayer
        player.Character.HumanoidRootPart.CFrame = CFrame.new(0, 5, 0)
    end
})

Creating Sliders

Sliders allow users to select a value from a range. They support custom increments and suffixes.

local walkSpeedSlider = VisualSection:CreateSlider({
    Name = "Walk Speed",
    Range = {16, 200},
    Increment = 1,
    Suffix = " studs",
    CurrentValue = 16,
    Flag = "WalkSpeed",
    Callback = function(value)
        game.Players.LocalPlayer.Character.Humanoid.WalkSpeed = value
    end
})

Creating Dropdowns

Dropdowns let users select from a list of options. They support both single and multi-select modes.

local themeDropdown = SettingsSection:CreateDropdown({
    Name = "Theme",
    Options = {"Default", "Dark", "Light"},
    CurrentOption = "Default",
    Flag = "Theme",
    Callback = function(value)
        Window:SetTheme(value)
    end
})

Creating Inputs

Text inputs allow users to enter custom text. They support placeholders and configuration saving.

local textInput = Section:CreateInput({
    Name = "Player Name",
    PlaceholderText = "Enter player name...",
    CurrentValue = "",
    Flag = "PlayerName",
    Callback = function(value)
        -- Process input
    end
})

Example Script

Complete example script demonstrating all Axion UI elements in action.

Axion UI Library

About the Creator

Load the Library