RoUI3

Create beautiful animations for your Roblox GUIs with RoUI3, a user-friendly and feature-rich Roblox Studio plugin.

The successor to RoUI2, this plugin is foundationally the same yet contains a surplus of new features, a reworked codebase, and a completely overhauled look.

Timeline Overview

RoUI3's primary plugin widget is known as the Timeline. The Timeline allows you to animate your GUIs quickly and exactly the way you want.

Installation

You can purchase the latest stable release of RoUI3 directly from the Roblox marketplace here. Alternatively, you can compile the source yourself using roblox-ts. The choice is up to you, however, purchasing it from the marketplace is recommended as it's cheap, will automatically update, and helps support me.

Using the RoUI3 Animation Module

To learn more about how to use the module to play your animations check out the RoUI3 wiki.

Roadmap

This is RoUI3's roadmap for every major and minor release and beyond!

| Icon | Meaning | |------|-------------------| | ✔️ | Completed | | 🔜 | In Progress | | ❔ | Being Reviewed | | ❌ | Incomplete |

Release v1.0.0

The initial release of RoUI3! 🥳

• ✔️ Start widget
• ✔️ Timeline widget
  • ✔️ Topbar
    • ✔️ Scrubber time textbox
    • ✔️ Max time textbox
    • ✔️ Add property dropdown menu
    • ✔️ Save/export animation button
    • ✔️ Selected keyframe options
      • ✔️ Current time position textbox
      • ✔️ Easing style / direction dropdown menus for tweens
    • ✔️ Preview button
  • ✔️ Timeline content
    • ✔️ Property list
      • ✔️ Dynamic rendering based on app state
      • ✔️ Delete property with right-click context menu
    • ✔️ Timestamp header
      • ✔️ Dynamic timestamps based on max animation time
      • ✔️ Click to jump scrubber to position
    • ✔️ Scrubber
      • ✔️ Drag to update time
      • ✔️ Hold SHIFT for snap mode while dragging
        • ✔️ Hold CTRL+SHIFT to snap to keyframes
        • ✔️ Snap to timestamps
      • ✔️ Preview keyframes based on scrubber time
    • ✔️ Timeline pane
      • ✔️ Dynamic keyframe rendering based on app state
      • ✔️ Keyframes
        • ✔️ Selection support
        • ✔️ Right-click context menu
          • ✔️ Delete keyframe
        • ✔️ CTRL click support for selecting multiple keyframes
• ✔️ Exporting
  • ✔️ Data serialization
• ✔️ Animation controller module
  • ✔️ Play an animation
  • ✔️ Support animation options
    • ✔️ Speed scale
  • ✔️ Pause an animation
  • ✔️ Skip to end of an animation
  • ✔️ Cancel an animation
  • ✔️ Yield for an animation to conclude