Stop tweaking numbers blindly. RGUI Animator gives you a visual timeline, draggable bezier curves, and instant preview — all inside Roblox Studio.
Drag keyframes. Scrub the playhead. See exactly what happens at 0.35 seconds without doing mental math.
Fades. Bounces. Elastic. One click to apply, then customize to taste.
Hover effects that work from any position. Offsets, not hardcoded values.
Bezier handles you can actually grab. This is how professionals time motion.
Your animation becomes a ModuleScript. Copy into your game. Done.
See it on your actual Frame, not a mockup. The real thing.
The same precision tools motion designers use. Drag bezier handles. Shape your timing curve. See changes instantly on your actual GUI.
No configuration. No dependencies. Just install and animate.
Free. Look for RGUI Animator in your plugins toolbar.
Frame, Button, TextLabel — anything you want to animate.
Add keyframes, pick easing, hit Export. Ready-to-use code.
Start free. Upgrade when you need multi-element power.
Perfect for getting started
For serious UI work
Lite animates one element at a time. Pro lets you select multiple elements and animate them together with synchronized keyframes.
No. $4.99 is a one-time purchase. You get all Pro features and future updates forever.
Absolutely. Start with Lite, and your animations will carry over when you upgrade to Pro.
If you're animating complex UIs with multiple moving parts (menus, HUDs, inventories), Pro saves hours of work.
For scripters who want the full API.
local Anim = require(game.ReplicatedStorage.RGUIAnimations)
local button = script.Parent
-- Play animation
Anim.Play("FadeIn", button)
-- Play in reverse
Anim.PlayOut("FadeIn", button)
-- With callback
Anim.Play("PopIn", button, function()
print("Done!")
end)-- One-liner hover setup
Anim.HoverEffect(button, {
hover = "ButtonHover",
idle = "ButtonIdle",
press = "ButtonPress"
})Play(name, element, cb?)
Play animation forward
PlayOut(name, element, cb?)
Play in reverse
PlayFromCurrent(name, el)
Start from current state
StopElement(el, reset?)
Stop animations on element
StopAll()
Stop all animations
Reset(element)
Snap to original values
IsAnimating(element)
Check if animating
HoverEffect(el, config)
Setup hover/click anims
Hover to see each curve in action. Or draw your own with the bezier editor.
Hover each card to see the animation in action.
Get help, share your animations, request features, and connect with other developers.