Example.client.lua

local Main = require(game:GetService("ReplicatedStorage"):WaitForChild("Fluent"))

local Window = Main:CreateWindow({
 Title = "Fluent " .. Main.Version,
 SubTitle = "by dawid",
 TabWidth = 160,
 Size = UDim2.fromOffset(580, 460),
 Acrylic = true,
 Theme = "Dark"
})

local Tabs = {
 Main = Window:AddTab({ Title = "Main", Icon = "box" }),
 Settings = Window:AddTab({ Title = "Settings", Icon = "settings" })
}

do
 Tabs.Main:AddParagraph({
 Title = "Paragraph",
 Content = "This is a paragraph.\nSecond line!"
 })

 Tabs.Main:AddButton({
 Title = "Button",
 Description = "Very important button",
 Callback = function()
 Window:Dialog({
 Title = "Title",
 Content = "This is a dialog",
 Buttons = {
 {
 Title = "Confirm",
 Callback = function()
 Window:Dialog({
 Title = "Another Dialog",
 Content = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mollis dolor eget erat mattis, id mollis mauris cursus. Proin ornare sollicitudin odio, id posuere diam luctus id.",
 Buttons = { { Title = "Ok", Callback = function() print("Ok") end} }
 })
 Main.Options.Toggle:Destroy()
 end
 },
 {
 Title = "Cancel",
 Callback = function()
 print("Cancelled the dialog.")
 end
 }
 }
 })
 end
 })

 local Toggle = Tabs.Main:AddToggle("Toggle", {Title = "Toggle", Default = false })
 
 local Slider = Tabs.Main:AddSlider("Slider", {
 Title = "Slider",
 Description = "This is a slider",
 Default = 2.0,
 Min = 0.0,
 Max = 15.5,
 Rounding = 1
 })


 local Dropdown = Tabs.Main:AddDropdown("Dropdown", {
 Title = "Dropdown",
 Values = {"one", "two", "three", "four", "five", "six", "seven", "eight", "nine", "ten", "eleven", "twelve", "thirteen", "fourteen"},
 Multi = false,
 Default = 1,
 })

 Dropdown:SetValue("four")
 
 local MultiDropdown = Tabs.Main:AddDropdown("MultiDropdown", {
 Title = "Dropdown",
 Description = "You can select multiple values.",
 Values = {"one", "two", "three", "four", "five", "six", "seven", "eight", "nine", "ten", "eleven", "twelve", "thirteen", "fourteen"},
 Multi = true,
 Default = {"seven", "twelve"},
 })

 MultiDropdown:SetValue({
 three = true,
 five = true,
 seven = false
 })

 local Colorpicker = Tabs.Main:AddColorpicker("Colorpicker", {
 Title = "Colorpicker",
 Default = Color3.fromRGB(96, 205, 255)
 })

 local TColorpicker = Tabs.Main:AddColorpicker("TransparencyColorpicker", {
 Title = "Colorpicker",
 Description = "but you can change the transparency.",
 Transparency = 0,
 Default = Color3.fromRGB(96, 205, 255)
 })

 local Keybind = Tabs.Main:AddKeybind("Keybind", {
 Title = "KeyBind",
 Mode = "Hold",
 Default = "LeftControl",
 ChangedCallback = function(New)
 print("Keybind changed:", New)
 end
 })

 local Input = Tabs.Main:AddInput("Input", {
 Title = "Input",
 Default = "Default",
 Numeric = false,
 Finished = false,
 Placeholder = "Placeholder text",
 Callback = function(Value)
 print("Input changed:", Value)
 end
 })
 
 Toggle:OnChanged(function()
 print("Toggle changed:", Main.Options["Toggle"].Value)
 end)

 Slider:OnChanged(function(Value)
 print("Slider changed:", Value)
 end)

 Dropdown:OnChanged(function(Value)
 print("Dropdown changed:", Value)
 end)

 MultiDropdown:OnChanged(function(Value)
 local Values = {}
 for Value, State in next, Value do
 table.insert(Values, Value)
 end
 print("Mutlidropdown changed:", table.concat(Values, ", "))
 end)

 Colorpicker:OnChanged(function()
 print("Colorpicker changed:", TColorpicker.Value)
 end)

 TColorpicker:OnChanged(function()
 print(
 "TColorpicker changed:", TColorpicker.Value,
 "Transparency:", TColorpicker.Transparency
 )
 end)

 task.spawn(function()
 while true do
 wait(1)
 local state = Keybind:GetState()
 if state then
 print("Keybind is being held down")
 end
 if Main.Unloaded then break end
 end
 end)

end

do

 local InterfaceSection = Tabs.Settings:AddSection("Interface")

 InterfaceSection:AddDropdown("InterfaceTheme", {
 Title = "Theme",
 Description = "Changes the interface theme.",
 Values = Main.Themes,
 Default = Main.Theme,
 Callback = function(Value)
 Main:SetTheme(Value)
 end
 })

 if Main.UseAcrylic then
 InterfaceSection:AddToggle("AcrylicToggle", {
 Title = "Acrylic",
 Description = "The blurred background requires graphic quality 8+",
 Default = Main.Acrylic,
 Callback = function(Value)
 Main:ToggleAcrylic(Value)
 end
 })
 end

 InterfaceSection:AddToggle("TransparentToggle", {
 Title = "Transparency",
 Description = "Makes the interface transparent.",
 Default = Main.Transparency,
 Callback = function(Value)
 Main:ToggleTransparency(Value)
 end
 })

 InterfaceSection:AddKeybind("MenuKeybind", { Title = "Minimize Bind", Default = "RightShift" })
 Main.MinimizeKeybind = Main.Options.MenuKeybind 
end

Main:Notify({
 Title = "Fluent",
 Content = "The script has been loaded.",
 Duration = 8
})