Tuff UI Library Docs

Documentation

The Tuffest Ui library that is tuff.

Tuff UI is currently in beta and improving fast. A modern Roblox UI library built for creators who want clean design and easy scripting. (the Ui looks kinda bad right now but it will get better)

Get Started Live Preview Join Discord

Easy API

Simple functions that are fast to learn and easy to expand.

Modern Design

Rounded panels, smooth layout, dark theme, polished styling.

Built for Hubs

Perfect for script hubs, admin menus, settings panels, and tools.

Installation

Load the library using your raw GitHub link.

Lua

local Library = loadstring(game:HttpGet("https://raw.githubusercontent.com/SkipperTuff/TuffUiLibrary/main/Main"))()

Quick Start

Create a window and tab in seconds.

Lua

local Window = Library:CreateWindow("Hub")
local Main = Window:AddTab("Main")

Buttons

Run code when clicked.

Lua

Main:AddButton("Hello", function()
print("clicked")
end)

Sliders

Choose numeric values with a clean draggable slider.

Lua

Main:AddSlider("Slider", {
Min = 0,
Max = 100,
Default = 50,
Increment = 1
})

Dropdowns

Let users select from options.

Lua

Main:AddDropdown("Mode", {
Options = {"1","2","3"}
})

Live Preview

Visual example of what a Tuff UI menu can look like.

Tuff UI

Button Example

Toggle

Slider

Example Hub

Full showcase script with multiple elements and tabs.

Lua

local Library = loadstring(game:HttpGet("https://raw.githubusercontent.com/SkipperTuff/TuffUiLibrary/main/Main"))()

local Window = Library:CreateWindow("Tuff UI Example")

local Main = Window:AddTab("Main")
local Settings = Window:AddTab("Settings")

Library:Notify("Loaded")

Main:AddParagraph("Welcome", "This is an example script.")

-- If you have a discord server
Main:AddButton("Copy Discord", function()
    if setclipboard then
        setclipboard("https://discord.gg/yourinvite")
    end
end, "copies your invite")


Main:AddButton("Button", function()
    print("Button clicked")
end, "basic button")

Main:AddToggle("Toggle", {
    Default = false,
    Callback = function(state)
        print("Toggle:", state)
    end
}, "on / off switch")

Main:AddSlider("Slider", {
    Min = 0,
    Max = 100,
    Default = 50,
    Increment = 1,
    Callback = function(value)
        print("Slider:", value)
    end
}, "number value")

Main:AddDropdown("Dropdown", {
    Options = {"1","2","3","4","5"},
    Default = "1",
    Callback = function(option)
        print("Dropdown:", option)
    end
}, "pick an option")

Main:AddInput("Input", "Type here...", function(text)
    print("Input:", text)
end, "text box")

Settings:AddButton("Destroy UI", function()
    Window:Destroy()
end, "close the ui")

FAQ

Q: Is it free? A: Yes.
Q: Can I edit it? A: Yes.
Q: Can I make hubs with it? A: Absolutely.

Community

Leave feedback, suggestions, or questions below.

Live Stats