AnimUI – Easy Toggle UI Animations for Godot

 AnimUI – Easy Toggle UI Animations for Godot

Smooth, reusable UI animations with one function call.

AnimUI is a lightweight, ready-to-use Control-based node for Godot that lets you animate almost any UI element (fade, scale, slide, rotate) with a single `play()` call. It automatically toggles between initial state and your target values — perfect for buttons, panels, popups, menus, notifications, HUD elements and more.

No need to write tweens manually every time. Just drop the node, set your target values in the inspector, and you're good to go.

Features

- One-click toggle animation— call `play()` to go forward/backward

- Supports color (modulate), scale, position (offset), rotation

- Uses Godot's built-in Tween system — smooth, performant, no extra dependencies

- Editor visualization — see your target offset directly in the scene view

- Safe & clean — automatically kills previous tweens, no overlapping mess

- Reset anytime with `reset_immediate()`

- Works great with Godot 4.x (designed & tested on 4.5+)

Quick Start

1. Add AnimUI node as child of any Control (Button, Panel, TextureRect…)

2. In Inspector → set Target Values (color, scale, offset, rotation)

3. Connect a signal or just call from code:

# Example: button press animates the panel
func _on_button_pressed():
    $AnimUI.play()

That's it — first call animates to target, second call smoothly returns to original state.

Why use AnimUI instead of writing tweens every time?

• Saves hours of copy-paste tween code
• Consistent look & feel across your whole UI
• Very easy for level designers / UI artists to tweak (no code needed)
• Toggle behavior is built-in — great for menus, tooltips, hover effects, modals

Planned / Possible future additions

• Chain multiple animations
• Custom callbacks per property
• Pause / resume support
• More easing presets

Feedback and suggestions are very welcome!

If you find this helpful, you can donate.
Thanks