Free gui

 TweenService = :()
 UserInputService = :()
 RunService = :()
 Players = :()
 player = Players.LocalPlayer
 playerGui = player:()

 THEMES = {
	Dark = {
		Background = .(, , ),
		Sidebar = .(, , ),
		Text = .(, , ),
		TextSec = .(, , ),
		Accent = .(, , ),
		Line = .(, , )
	},
	Light = {
		Background = .(, , ),
		Sidebar = .(, , ),
		Text = .(, , ),
		TextSec = .(, , ),
		Accent = .(, , ),
		Line = .(, , )
	}
}

 LANGS = {
	{Name = , Home = , Settings = , Mode = , Lang = , Welcome =  .. player.DisplayName ..  .. player.Name .. },
	{Name = , Home = , Settings = , Mode = , Lang = , Welcome =  .. player.DisplayName ..  .. player.Name .. },
	{Name = , Home = , Settings = , Mode = , Lang = , Welcome =  .. player.DisplayName .. },
	{Name = , Home = , Settings = , Mode = , Lang = , Welcome =  .. player.DisplayName .. },
	{Name = , Home = , Settings = , Mode = , Lang = , Welcome =  .. player.DisplayName .. },
	{Name = , Home = , Settings = , Mode = , Lang = , Welcome =  .. player.DisplayName .. },
	{Name = , Home = , Settings = , Mode = , Lang = , Welcome = },
	{Name = , Home = , Settings = , Mode = , Lang = , Welcome = },
	{Name = , Home = , Settings = , Mode = , Lang = , Welcome = },
	{Name = , Home = , Settings = , Mode = , Lang = , Welcome = },
	{Name = , Home = , Settings = , Mode = , Lang = , Welcome = },
	{Name = , Home = , Settings = , Mode = , Lang = , Welcome = }
}

 currentTheme = 
 langIdx = 
 tabBtns = {}

 notifyGui = .(, playerGui)
 notifyHolder = .(, notifyGui)
notifyHolder.Size = .(, , , )
notifyHolder.Position = .(, -, , )
notifyHolder.BackgroundTransparency = 
.(, notifyHolder).VerticalAlignment = .VerticalAlignment.Bottom

  (title, text)
	 theme = THEMES[currentTheme]
	 f = .(, notifyHolder)
	f.Size = .(, , , )
	f.BackgroundColor3 = theme.Sidebar
	.(, f)
	 s = .(, f)
	s.Color = theme.Accent
	s.Thickness = 
	
	 t = .(, f)
	t.Text = title
	t.Size = .(, -, , )
	t.Position = .(, , , )
	t.TextColor3 = theme.Accent
	t.BackgroundTransparency = 
	t.Font = .Font.GothamBold
	t.TextXAlignment = .TextXAlignment.Left
	
	 d = .(, f)
	d.Text = text
	d.Size = .(, -, , )
	d.Position = .(, , , )
	d.TextColor3 = theme.Text
	d.BackgroundTransparency = 
	d.Font = .Font.Gotham
	d.TextWrapped = 
	d.TextXAlignment = .TextXAlignment.Left
	
	.(, () f:() )


 screenGui = .(, playerGui)
screenGui.Name = 
screenGui.ResetOnSpawn = 

 mainFrame = .()
mainFrame.Name = 
mainFrame.Size = .(, , , )
mainFrame.Position = .(, , , )
mainFrame.AnchorPoint = .(, )
mainFrame.BackgroundColor3 = THEMES[currentTheme].Background
mainFrame.ClipsDescendants = 
mainFrame.Parent = screenGui

 uiCorner = .(, mainFrame)
uiCorner.CornerRadius = .(, )

 uiStroke = .(, mainFrame)
uiStroke.Thickness = 
uiStroke.Color = THEMES[currentTheme].Line

 sidebar = .(, mainFrame)
sidebar.Size = .(, , , )
sidebar.BackgroundColor3 = THEMES[currentTheme].Sidebar
sidebar.BorderSizePixel = 
.(, sidebar).CornerRadius = .(, )

 logo = .(, sidebar)
logo.Text = 
logo.Size = .(, , , )
logo.Font = .Font.GothamBold
logo.TextSize = 
logo.BackgroundTransparency = 

RunService.RenderStepped:(()
	logo.TextColor3 = .(() %  / , , )
)

 navList = .(, sidebar)
navList.Size = .(, , , -)
navList.Position = .(, , , )
navList.BackgroundTransparency = 
.(, navList).HorizontalAlignment = .HorizontalAlignment.Center

 closeBtn = .(, mainFrame)
closeBtn.Size = .(, , , )
closeBtn.Position = .(, -, , )
closeBtn.BackgroundColor3 = .(, , )
closeBtn.Text = 
closeBtn.TextColor3 = .(, , )
closeBtn.Font = .Font.GothamBold
closeBtn.TextSize = 
.(, closeBtn).CornerRadius = .(, )

  ()
	 closeTweenInfo = TweenInfo.(, .EasingStyle.Back, .EasingDirection.In)
	 tween = TweenService:(mainFrame, closeTweenInfo, {
		Size = .(, , , ),
		BackgroundTransparency = 
	})
	TweenService:(uiStroke, TweenInfo.(), {Transparency = }):()
	TweenService:(sidebar, TweenInfo.(), {BackgroundTransparency = }):()
	tween:()
	tween.Completed:(()
		screenGui:()
	)

closeBtn.MouseButton1Click:(closeUI)

 resizeHandle = .(, mainFrame)
resizeHandle.Size = .(, , , )
resizeHandle.Position = .(, -, , -)
resizeHandle.BackgroundTransparency = 
resizeHandle.Image = 
resizeHandle.ImageColor3 = THEMES[currentTheme].Accent
resizeHandle.ZIndex = 

 dragging, resizing = , 
 dragStart, startPos, startSize
mainFrame.InputBegan:((input)
	 input.UserInputType == .UserInputType.MouseButton1   resizing 
		dragging = 
		dragStart = input.Position
		startPos = mainFrame.Position
	
)
resizeHandle.InputBegan:((input)
	 input.UserInputType == .UserInputType.MouseButton1 
		resizing = 
		dragStart = input.Position
		startSize = mainFrame.Size
		dragging = 
	
)
UserInputService.InputChanged:((input)
	 input.UserInputType == .UserInputType.MouseMovement 
		 dragging 
			 delta = input.Position - dragStart
			mainFrame.Position = .(startPos.X.Scale, startPos.X.Offset + delta.X, startPos.Y.Scale, startPos.Y.Offset + delta.Y)
		 resizing 
			 delta = input.Position - dragStart
			mainFrame.Size = .(, .(, startSize.X.Offset + delta.X), , .(, startSize.Y.Offset + delta.Y))
		
	
)
UserInputService.InputEnded:((input)
	 input.UserInputType == .UserInputType.MouseButton1 
		dragging = 
		resizing = 
	
)

 contentArea = .(, mainFrame)
contentArea.Size = .(, -, , -)
contentArea.Position = .(, , , )
contentArea.BackgroundTransparency = 

 pages = {}
  (name)
	 p = .(, contentArea)
	p.Size = .(, , , )
	p.BackgroundTransparency = 
	p.Visible = 
	p.ScrollBarThickness = 
	pages[name] = p
	 p


 homePage = ()
 settingPage = ()
homePage.Visible = 

 themeBtn = .(, settingPage)
themeBtn.Size = .(, , , )
themeBtn.BackgroundColor3 = THEMES[currentTheme].Sidebar
themeBtn.Text = 
themeBtn.TextColor3 = THEMES[currentTheme].Text
themeBtn.Font = .Font.GothamMedium
.(, themeBtn)

 langBtn = .(, settingPage)
langBtn.Size = .(, , , )
langBtn.Position = .(, , , )
langBtn.BackgroundColor3 = THEMES[currentTheme].Sidebar
langBtn.Text = 
langBtn.TextColor3 = THEMES[currentTheme].Text
langBtn.Font = .Font.GothamMedium
.(, langBtn)

  ()
	 l = LANGS[langIdx]
	 t = (currentTheme ==     )
	 l.Name ==   t = (currentTheme ==     ) 
	themeBtn.Text = l.Mode .. t
	langBtn.Text = l.Lang
	tabBtns[].Text = l.Home
	tabBtns[].Text = l.Settings


themeBtn.MouseButton1Click:(()
	currentTheme = (currentTheme ==     )
	 t = THEMES[currentTheme]
	 ti = TweenInfo.()
	TweenService:(mainFrame, ti, {BackgroundColor3 = t.Background}):()
	TweenService:(sidebar, ti, {BackgroundColor3 = t.Sidebar}):()
	TweenService:(uiStroke, ti, {Color = t.Line}):()
	TweenService:(themeBtn, ti, {BackgroundColor3 = t.Sidebar, TextColor3 = t.Text}):()
	TweenService:(langBtn, ti, {BackgroundColor3 = t.Sidebar, TextColor3 = t.Text}):()
	resizeHandle.ImageColor3 = t.Accent
	()
)

langBtn.MouseButton1Click:(()
	langIdx = langIdx + 
	 langIdx > #LANGS  langIdx =  
	()
	(LANGS[langIdx].Name, )
)

  (name)
	 btn = .(, navList)
	btn.Size = .(, , , )
	btn.BackgroundTransparency = 
	btn.Text = name
	btn.Font = .Font.GothamMedium
	btn.TextColor3 = THEMES[currentTheme].TextSec
	btn.TextSize = 
	tabBtns[name] = btn
	btn.MouseButton1Click:(()
		 _, pg  (pages)  pg.Visible =  
		pages[name].Visible = 
	)


()
()


(LANGS[langIdx].Name, LANGS[langIdx].Welcome)