What plugins to use to make animated UI or scripts?

I see this has somewhat been done before but nothing answers my question.

Its simple how do I make UI that when you click the Button a frame comes down and little stuff like that?

There aren’t really plugins for this type of thing. Although that would be a great idea!

If you were to do this, you will need to use TweenService. This is what is used to animate buttons, objects, etc.

However, TweenServices and/or CFrame can be complicated for scripters who are beginners.

Here are two AlvinBlox tutorials about CFrame and TweenServices.

You should check those out! I was actually going to make a tutorial in the future on how to make a button like that. If/when I finish, I’ll link it to you!

1 Like

How does this realate to UI? `

I would suggest just using scripts to tween a UI. I recommend giving this video a watch. Roblox GUI Scripting Tutorial #5 - Tweening GUI (Beginner to Pro 2020) - YouTube

1 Like

With TweenServices, you’re able to create CFrames that make a UI animate. Therefore, to answer your question, with this you can make a frame animate into a user’s screen when they press a button.

One problem with your answer, tweening UI is not the same as tweening a part

Yes, that is true. They have to be different to correspond with their type of movement.

I also do recommend that tutorial linked by sportzebra. No idea that existed, but that will help to answer your question better.

2 Likes

How would I tween something like this. This is the open Button. I want to Tween the Frame though

local ShopButton = script.Parent
local ShopFrame = script.Parent.Parent.ShopFrame

ShopFrame.Visible = false

ShopButton.MouseButton1Click:Connect(function()
if ShopFrame.Visible == false then
ShopFrame.Visible = true
ShopButton.Text = “Close”
else
ShopFrame.Visible = false
ShopButton.Text = “Shop”
end
end)

Either use TweenService:Create or :TweenPosition.

I know I watch the video

The thing is it didnt explain Like how to make it so when you click the button it goes away and Invisible.

How would I incorprate that but editing my current Button Script?

Are you saying you want it to animate to invisible? Or go straight invisible?

To animate to go up for example This games Shop UI [Forklifts!] Farming and Friends - Roblox