RoUI2 - GUI animations made simple

RoUI_Upscaled

RoUI2 by AstrealDev

:floppy_disk: Download | v0.9.1 | Discord :left_speech_bubble:

The future of 2D GUI animations is here. Create beautiful animations without having to get your hands dirty creating tens of tweens.



Examples



Information

This plugin is a successor to my previous RoUI module which is now discontinued. The goal for RoUI2 is to mimic the way 3D animations are created for 2D GUIs. While there are already many features the hope is to continue expanding these features. RoUI2 is intuitive and user-friendly and will relieve the stress of creating fancy UI effects.

Right-click a keyframe to delete it. Changing the property of a selected object will result in the creation (or overriding) of a keyframe at the slider’s position for that property. Right-click an object to save, preview, or delete it. When you save an animation you have to use the RoUI2 Animation Module to play it. Documentation for this can be found here. The module itself can be downloaded via the plugin toolbar in Roblox Studio.

Warning: RoUI2 has NOT undergone heavy testing and is prone to bugs. It is recommended you create your animations in a separate place to prevent potential issues. Please report any bugs!

73 Likes

AHHHHHH OH MY GOD!
ive literally been waiting for this for so long!

This is 100% going to be a best-selling plugin. No doubt.

3 Likes

this is good but how do i make it play or load?

1 Like

Once you’ve saved you need to use the module which can be downloaded from the plugin’s toolbar to play animations. The documentation for the module is here.

so basically, its moon animator for UI, am I not right?

3 Likes

I can not believe its taken this long for a plugin like this. Awesome stuff!

1 Like

Pretty much but Moon Animator is way more flushed out than RoUI2.

I’m struggling with the part on how to make the animation actually happen

1 Like

You need to use the RoUI2 Animation Module. In the plugin toolbar next to where you open the plugin there should be a button labeled download. Click that button and the module will be downloaded into ReplicatedStorage. You can view how to use it to play animations here.

1 Like

As a ui designer, having tools like this completely changes the way I would make ui. Thanks for making this.

1 Like

This is very revolutionary it can help a lot of people with UI animations

Thank you so MUCH! This is gonna make UI designing & tweening MUCH MUCH easier for me rather than copying and pasting my tween example :slight_smile:

That’s really cool!

I haven’t tested this plugin but how would it integrate with Roact?

This is much easier to animate the UIs now.

I’ve never used Roact but as long as you have access to the instances you create with Roact you should be able to use RoUI2 and Roact seamlessly. You can check out the documentation for the RoUI2 module in the main post to see how to actually play animations. All you need to pass is an animation instance and an object to animate.

1 Like

thankyou for making this :star_struck: