Lyra UI is the window from Lyra Avatar Studio, packaged as a library. A resizable glass hub with a side rail that adapts to any screen, toasts, saved settings and 29 elements, built from native instances in one Luau file.
Lyra UI 
loadstring(game:HttpGet("https://raw.githubusercontent.com/lyraEz/Library-UI/main/src/Lyra.lua"))()
Every behaviour comes from a hub that real players use every day, on phones and on PC.
Window referenceDrag the grip to any size. A badge shows the size in pixels, and the window remembers it next run.
196 px with labels on wide windows, a 60 px icon rail on medium ones, a drawer behind a menu button on phones.
Closing shrinks the window into a draggable floating button, and it grows back out along a straight line.
A shortcut key, the floating button, a chat command and opening the Roblox menu three times. Hiding is guarded when none of them work.
Kinds, icons, pictures, action buttons and a hairline timer. Up to four stack in the corner, newest closest.
Give any element a Flag. Values are written as JSON and restored on the next run, callbacks included.
Five palettes plus Lyra.AddTheme. Window:SetTheme repaints every instance without rebuilding.
Touch drag, automatic scale on small screens, captions nudged up for legibility, buttons that keep only their icon when space runs out.
A browser replica of the window, close enough to get a feel for it. The same layout rules run here as in Roblox, so you can watch the rail turn into icons and then into a drawer.
Each tab, group and column takes the same methods. Every element with a value has Set and Get, and a Flag saves it.
Tab:ToggleA switch on a settings card. The description wraps under the title.
Tab:Toggle({
Title = "Auto collect",
Description = "Collects drops nearby.",
Flag = "AutoCollect",
Callback = function(on) print(on) end,
})Tab:SliderMin, Max and Step, with a suffix or your own format.
Tab:Slider({
Title = "Field of view",
Min = 50, Max = 110, Step = 1, Default = 70,
Suffix = "°", Flag = "FOV",
Callback = function(v) workspace.CurrentCamera.FieldOfView = v end,
})Tab:StepperMinus, value, plus. Values as a list, or Min/Max/Step.
Tab:Stepper({
Title = "Round length",
Values = {30, 60, 90, 120, 180, 300},
Default = 60,
Format = function(s) return s .. " s" end,
})Tab:DropdownThe list floats above the window, so no scrolling page clips it.
Tab:Dropdown({
Title = "Quality",
Options = {"Low", "Medium", "High", "Ultra"},
Default = "High", Flag = "Quality",
})Tab:InputCallback on Enter or blur, Changed while typing, numeric filter and max length.
Tab:Input({
Placeholder = "Search players",
Button = true,
Changed = function(text) render(text) end,
Callback = function(text, enter) end,
})Tab:ChipsPill filters that scroll sideways, and buttons that act as tabs inside a page.
Tab:Chips({Options = {"All", "Hats", "Faces", "Effects"}, Callback = fill})
Tab:Segmented({Options = {
{Label = "Favorites", Icon = "star", Value = "fav"},
{Label = "Recent", Icon = "history", Value = "recent"},
}})Tab:ListPicture, title, subtitle and buttons. Reorderable lists move rows by drag.
local list = Tab:List({Reorderable = true})
list:Add({
Title = "Vega", Subtitle = "@vega",
Image = "rbxthumb://type=AvatarHeadShot&id=1&w=150&h=150",
Buttons = {{Title = "Wave", Primary = true, Callback = wave}},
})Tab:GridPicture cards in whole-pixel columns: two on phones, up to six on wide windows.
local grid = Tab:Grid({MinWidth = 150})
grid:Add({
Title = "Starlight Crown", Caption = "Hats · 250",
Image = "rbxassetid://123", Tag = "NEW",
Button = {Title = "Buy", Callback = function(item, card) card:SetChecked(true) end},
})Window:NotifyInfo, success, warning and error, with an optional action button.
Window:Notify({
Title = "Saved", Text = "Your config was saved.",
Kind = "success", Icon = "save", Duration = 4,
Action = {Text = "Open", Callback = open},
})Every item is removed. Closes on its own in 10 s.
Window:ConfirmA dialog inside the window, with an optional countdown that cancels for you.
Window:Confirm({
Title = "Clear the list?",
Text = "Every item is removed.",
Confirm = "Clear", Seconds = 10,
Callback = function() list:Clear() end,
})Tab:KeybindRebind by pressing a key. Esc cancels; Callback runs when the key is pressed in game.
Tab:Keybind({
Title = "Quick action",
Default = Enum.KeyCode.G, Flag = "QuickKey",
Callback = function() print("pressed") end,
})Tab:StripA sideways timeline of thumbnails, with buttons underneath when you need them.
local strip = Tab:Strip({Title = "Activity", Icon = "history"})
strip:Set({
{Label = "Step 1", Icon = "star", Callback = goBack},
{Label = "Now", Icon = "star", Current = true},
})Also: Section, Paragraph, Label, Divider, Button, ButtonRow, Action, TextArea, Group, Columns, Collapsible, Guide, Empty, Preview (3D), Link, Profile and Image. See them all in the docs.
Pick one below: this page, the hero and the playground all repaint, the same way Window:SetTheme repaints a live window in Roblox.
Window:SetTheme("Rose")
-- or start with it
Lyra:CreateWindow({Title = "My Hub", Theme = "Midnight"})Lyra.AddTheme("Aurora", {
Base = Color3.fromRGB(12, 22, 26),
Accent = Color3.fromRGB(120, 230, 210),
-- missing keys fall back to Lavender
})One line in your executor. The library returns the Lyra table.
local Lyra = loadstring(game:HttpGet("https://raw.githubusercontent.com/lyraEz/Library-UI/main/src/Lyra.lua"))()Title, subtitle and how players bring it back. Everything else has a sensible default.
local Window = Lyra:CreateWindow({
Title = "My Hub",
Subtitle = "by you · v1.0",
Keybind = Enum.KeyCode.RightControl,
ChatCommand = "hub", -- /hub or /e hub reopens it
})Give values a Flag and they come back next run. SettingsTab adds size, theme and reopen options for free.
local Main = Window:Tab({Title = "Main", Icon = "star"})
Main:Section("Main", "Your features go here.")
Main:Toggle({Title = "Enabled", Flag = "Enabled", Callback = function(on)
print("Enabled:", on)
end})
Main:Slider({Title = "Power", Min = 0, Max = 100, Default = 50, Suffix = "%", Flag = "Power"})
Window:SettingsTab()
Window:Notify({Title = "Loaded", Text = "Press RightControl to hide.", Kind = "success"})Lyra UI started as the interface of Lyra Avatar Studio. Questions, ideas and showcases of what you build go to the Discord.
The moon reminds me that even in darkness, there's always a beautiful light
Yes. Load it with the line above and build whatever you like on top of it.
Yes. Dragging, resizing and the drawer all take touch input, the window scales down a little on small screens and every caption is nudged up one size to stay readable.
No. The icon sheet is embedded in the file. With writefile and getcustomasset it loads as one image; without them every icon is drawn with frames.
In workspace/LyraUI/<Window name>.json through your executor's writefile. Pass ConfigFile = false to turn saving off.
Yes, require it from a LocalScript. Saving and the embedded icon sheet need executor functions, so in Studio the window runs without them and draws vector icons.
The window keeps working. The error goes to the console and to the status line, so you see it without the hub breaking.