-- lycan example: the original menu's visuals / esp page, rebuilt with the library (same tabs, cards and rows)
-- loads from the workspace copy when it exists (Lycan/Lycan.lua), otherwise from the site
local Lycan
if isfile and isfile("Lycan/Lycan.lua") then
	Lycan = loadstring(readfile("Lycan/Lycan.lua"))()
else
	Lycan = loadstring(game:HttpGet("https://unagitatedly.site/Lycan.lua"))()
end

if Lycan.Window then Lycan.Window:Destroy() end -- re-running replaces the old menu

local Window = Lycan:CreateWindow({ Title = "Lycan", Keybind = Enum.KeyCode.RightShift })

-- sidebar: two groups, a divider between them (Window:Divider)
local General = Window:Tab({ Name = "General", Icon = "cross" })
local Visuals = Window:Tab({ Name = "Visuals", Icon = "visual" })
Window:Divider()
local Weapon  = Window:Tab({ Name = "Weapon", Icon = "bomb" })
local Vehicle = Window:Tab({ Name = "Vehicle", Icon = "speed" })
local Server  = Window:Tab({ Name = "Server", Icon = "world" })
local Player  = Window:Tab({ Name = "Player", Icon = "user" })
local Misc    = Window:Tab({ Name = "Misc", Icon = "misc" })
Window:Divider()
local Lua      = Window:Tab({ Name = "Lua system", Icon = "folder" })
local Executor = Window:Tab({ Name = "Executor", Icon = "cloud" })

-- visuals > esp (the page from the screenshot: three cards, rows with a settings chevron)
local Esp = Visuals:Page({ Name = "ESP" })

local players = Esp:Section({ Name = "Player options", Side = "Left" })
local rows = {
	{ "Enable player ESP", true }, { "Enable NPC ESP", false }, { "Skeleton ESP", true }, { "Box ESP", true },
	{ "Health color ESP", true }, { "Invisible player ESP", false }, { "Friend ESP", false }, { "Health ESP", false },
}
for _, r in ipairs(rows) do
	local t = players:Toggle({ Name = r[1], Default = r[2], Flag = r[1] })
	t:Settings():ColorPicker({ Name = "Color", Default = Color3.fromRGB(255, 255, 255), Flag = r[1] .. " color" })
end

local vehicles = Esp:Section({ Name = "Vehicle options", Side = "Right" })
for _, r in ipairs({ { "Enable vehicle ESP", true }, { "Unoccupied vehicles only", true }, { "Name ESP", false }, { "Plate ESP", false }, { "Health ESP ", false } }) do
	vehicles:Toggle({ Name = r[1], Default = r[2], Flag = "veh " .. r[1] })
end

local misc = Esp:Section({ Name = "Miscellaneous", Side = "Right" })
for _, r in ipairs({ { "Display spectators", true }, { "Display coords", true }, { "Force third person", true }, { "Display screen effects", false }, { "Disable fog", false }, { "Custom crosshair", false } }) do
	misc:Toggle({ Name = r[1], Default = r[2], Flag = r[1] })
end

-- a second page so the dropdown at the top has something to switch to, shows the other controls
local Controls = Visuals:Page({ Name = "Controls" })
local c = Controls:Section({ Name = "Every control", Side = "Left" })
c:Toggle({ Name = "Toggle", Default = true })
c:Slider({ Name = "Slider", Min = 0, Max = 100, Default = 40, Suffix = "%" })
c:Dropdown({ Name = "Dropdown", Options = { "First", "Second", "Third" }, Default = "First" })
c:Dropdown({ Name = "Multi dropdown", Options = { "A", "B", "C", "D" }, Multi = true, Default = { "A" } })
c:Keybind({ Name = "Keybind", Default = Enum.KeyCode.E, Callback = function() Window:Notify({ Title = "Keybind", Content = "pressed", Duration = 2 }) end })
c:ColorPicker({ Name = "Color", Default = Color3.fromRGB(255, 255, 255) })
c:Textbox({ Name = "Textbox", Placeholder = "type here", Callback = function(t) print("textbox:", t) end })
c:Button({ Name = "Notify", Callback = function() Window:Notify({ Title = "Lycan", Content = "this is a notification", Type = "success" }) end })
local p = Controls:Section({ Name = "Text", Side = "Right" })
p:Label("a plain label")
p:Paragraph({ Title = "Paragraph", Content = "a title with a longer description underneath that wraps onto more than one line." })

-- the other tabs just need one section each to be selectable
for _, tab in ipairs({ General, Weapon, Vehicle, Server, Player, Misc, Lua, Executor }) do
	tab:Section({ Name = tab.Name, Side = "Left" }):Toggle({ Name = "Example toggle" })
end

Window:Notify({ Title = "Lycan loaded", Content = "RightShift hides the menu", Type = "success" })