ANUI Library

A premium, high-performance UI library for Roblox Script Hubs. Featuring Glassmorphism, smooth animations, and advanced components like Video Frames and Key Systems.

Join Discord View GitHub

Installation

Load the latest version of ANUI using the loadstring below.

Lua

local ANUI = loadstring(game:HttpGet("https://raw.githubusercontent.com/ANHub-Script/ANUI/refs/heads/main/dist/main.lua"))()

Window

The main container for your script hub. Supports resizing, themes, and custom headers.

Lua

local Window = ANUI:CreateWindow({
    Title = ".an hub | ANUI Library",
    Author = "by AdityaNugraha",
    Folder = "ANHub",
    Icon = "rbxassetid://84366761557806",
    IconSize = 44,
    Theme = "Dark",
    Transparent = false,     -- Glass effect
    SideBarWidth = 200,
    HasOutline = true,
})

Property	Type	Description
Title	string	The main title of the window.
Author	string	Sub-text displayed below title.
Folder	string	Folder name for saving configs.
Theme	string	Preset themes: "Dark", "Light", "Rose", "Aqua".

Profile & Badges New

ANUI supports a rich profile header system with Banner, Avatar, and Badges (clickable icons).

Tip: Use MakeProfile helper function to reuse profile data across tabs.

Lua

-- Global Profile Config
local BaseProfile = {
    Banner = "https://...", -- HTTP URL supported
    Avatar = "rbxassetid://...",
    Status = true, -- Online dot
    Badges = {
        {
            Icon = "geist:logo-discord", -- Lucide icon
            Title = "Discord", 
            Desc = "Join Server", -- Tooltip
            Callback = function() setclipboard("discord.gg/...") end
        }
    }
}

-- Applying to a Tab
Window:Tab({
    Profile = MakeProfile({
        Title = "AdityaNugraha",
        Desc = "Admin"
    }),
    SidebarProfile = true -- Show in Sidebar as card
})

Tab

Creates a navigation category in the sidebar.

local Tab = Window:Tab({
    Title = "Main",
    Icon = "home",
    SidebarProfile = false
})

Section

Collapsible container to group elements.

local Section = Tab:Section({
    Title = "Weapon Settings",
    Icon = "sword",
    Opened = true
})

Button

Standard clickable button.

Section:Button({
    Title = "Kill Aura",
    Desc = "Attack nearby enemies",
    Icon = "swords",
    Callback = function()
        print("Clicked")
    end
})

Toggle

Switch or Checkbox for boolean values.

Section:Toggle({
    Title = "Auto Farm",
    Value = false,
    Type = "Toggle", -- or "Checkbox"
    Callback = function(state)
        print("State:", state)
    end
})

Slider

Drag to select a number value.

Section:Slider({
    Title = "WalkSpeed",
    Value = { Min = 16, Max = 200, Default = 16 },
    Step = 1,
    Callback = function(val)
        game.Players.LocalPlayer.Character.Humanoid.WalkSpeed = val
    end
})

Input

Text field for string input.

Section:Input({
    Title = "Target Name",
    Placeholder = "Enter username...",
    ClearTextOnFocus = true,
    Callback = function(text)
        print(text)
    end
})

Dropdown

Selection menu with support for Icons, Search, and Multi-select.

Section:Dropdown({
    Title = "Select Weapon",
    Values = {
        { Title = "Sword", Icon = "sword" },
        { Title = "Bow", Icon = "crosshair" },
    },
    Value = "Sword",
    Multi = false,
    SearchBarEnabled = true,
    Callback = function(val)
        print(val.Title)
    end
})

Key System New

Secure your script with built-in key verification support (Luarmor, Platoboost, Panda).

Window:CreateWindow({
    ...
    KeySystem = {
        Title = "Key System",
        Note = "Join Discord to get key",
        SaveKey = true,
        Key = { "ABC-123", "XYZ-789" }, -- Simple keys
        
        -- OR use API (Luarmor Example)
        API = {
            {
                Type = "luarmor",
                ScriptId = "your_script_id",
                Discord = "https://discord.gg/..."
            }
        }
    }
})

Notify

Show alerts or info messages.

ANUI:Notify({
    Title = "Success",
    Content = "Config loaded successfully!",
    Icon = "check",
    Duration = 3
})

Video New

Embed video files (webm) directly into the UI.

Tab:Video({
    Video = "https://.../video.webm",
    AspectRatio = "16:9",
    Radius = 12
})