Skip to main content

​
Windows

Windows are the primary containers for your interface. 
local Window = Fluent:CreateWindow({
    Title = "Fluent Plus " .. Fluent.Version,
    SubTitle = "by yourname",
    TabWidth = 160,
    Size = UDim2.fromOffset(580, 460),
    Acrylic = true,
    Theme = "Dark",
    MinimizeKey = Enum.KeyCode.LeftControl
})

​
Window Configuration

PropertyTypeDescription
TitlestringThe window title text.
SubTitlestringSubtitle text appearing below the title. Supports rich text (gradients).
IconstringSmall icon in window title bar (Lucide icon name or rbxassetid://).
SizeUDim2Initial size of the window. Default: UDim2.fromOffset(580, 460).
TabWidthnumberWidth of the side tab bar. Default: 160.
ThemestringInitial theme (e.g., “Dark”, “Light”, “Amethyst”).
AcrylicbooleanEnable blurred acrylic background effect.
SearchbooleanEnable/Disable the element search bar. Default: true.
DropdownsOutsideWindowbooleanAllow dropdowns to render outside window bounds.
TabsInHeaderbooleanMove tabs to the top header instead of sidebar.
MinimizeKeyEnum.KeyCodeKey to minimize the window. Default: LeftControl.

​
Advanced Options

PropertyTypeDescription
ImagestringLarge image shown above the tab list in sidebar mode.
BackgroundImagestringImage asset URL for window background.
BackgroundTransparencynumberTransparency of the window background (0-1).
BackgroundImageTransparencynumberTransparency of the background image (0-1).
UserInfobooleanShow user profile information in sidebar.
UserInfoTitlestringTitle for user info (e.g., player name).
UserInfoSubtitlestringSubtitle for user info.
UserInfoSubtitleColorColor3Color of the user info subtitle text.
UserInfoTopbooleanPlace user info at the top of sidebar instead of bottom.

​
Tabs

Tabs are used to organize content within a window. 
local Tabs = {
    Main = Window:AddTab({ Title = "Main", Icon = "home" }),
    Settings = Window:AddTab({ Title = "Settings", Icon = "settings" })
}

​
Tab Options

PropertyTypeDescription
TitlestringName of the tab.
IconstringIcon name (Lucide) or asset ID.

​
Selecting a Tab

You can programmatically select a tab by index. 
Window:SelectTab(1) -- Selects the first tab

​
Sections

Sections divide a tab into grouped areas. 
local MainSection = Tabs.Main:AddSection("Main Features", "home") -- Title, Optional Icon

​
Methods via Window

  • Window:Minimize(): Toggles minimize state.
  • Window:Dialog(Config): Opens a modal dialog.