How to make an ANIMATED GUI | ROBLOX STUDIO (2025)

In this tutorial, you'll learn how to make an ANIMATED GUI on Roblox Studio. This video is packed with easy-to-follow guides and essential tips to get started creating your wonderful game in Roblox Studio, even if you're completely new to it! 🛠️

Thanks for watching! Don't forget to subscribe and hit the bell icon for more tutorials and updates! 🔔
-------------------------------------------------------------------------------------------------------------------------------------------------------------
📌 Links & Resources:

📜Script:
local openbutton = script.Parent.OpenButton
local closebutton = script.Parent.Frame.CloseButton
local frame = script.Parent.Frame

local animationduration = 0.5

openbutton.MouseButton1Click:Connect(function()
openbutton.Visible = false
frame.Visible = true
frame.Size = UDim2.new(0, 0, 0, 0)
frame:TweenSize(UDim2.new(REFER TO YOUR GUI), Enum.EasingDirection.Out, Enum.EasingStyle.Quart, animationduration)
wait(animationduration)
end)

closebutton.MouseButton1Click:Connect(function()
frame.Size = UDim2.new(REFER TO YOUR GUI)
frame:TweenSize(UDim2.new(0, 0, 0, 0), Enum.EasingDirection.In, Enum.EasingStyle.Quart, animationduration)
wait(animationduration)
openbutton.Visible = true
frame.Visible = false
frame.Size = UDim2.new(REFER TO YOUR GUI)
end)

💻 Discord Server:
  / discord  

-------------------------------------------------------------------------------------------------------------------------------------------------------------
Improve my channel by giving me precious feedback! (really appreciate it :D)
https://bit.ly/3PV7THb
------------------------------------------------------------------------------------------------------------------------------------------------------------
Chapters
0:00 Making the GUI
2:45 Scripting
7:10 Testing
------------------------------------------------------------------------------------------------------------------------------------------------------------