UI FX Pack – Interactive Animations for UI ELEMENTS - Beginner Friendly

Supported UI elements

Works with most Unity UI objects that use RectTransform, including:

• Button
• Image
• RawImage
• Text
• TextMeshProUGUI
• panels and other UI containers

Unity requirements

• Unity UI (uGUI)
• EventSystem in scene for hover/click/press interactions
• Raycast-enabled Graphic for pointer-based effects

Dependencies

• No third-party packages
• No DOTween
• No Timeline
• No Animator required

Architecture

The asset uses three effect groups.

1. Transform-based effects

These use:

• UIButtonAnimator
• UIButtonTransformController

They are intended for scale/rotation-based animation and can be combined more safely.

Examples:

• Pulse
• Squash
• Jelly
• Wobble
• Breathing

2. Root movement effects

These directly offset the root RectTransform and should be used as standalone movement effects.

Examples:

• Root Hover Lift
• Root Bounce
• Shake Warning

These should not be mixed with transform-controller scale effects on the same object.

3. Visual overlay effects

These create child overlay graphics and can usually be combined with either of the above.

Examples:

• Glow
• Ray of Light
• Gradient Sweep
• Ripple
• Particle Burst
• Liquid Fill
• Border Draw
• Glitch

Trigger system

Effects can respond to:

• OnEnable
• OnHoverEnter
• OnHoverExit
• OnPressDown
• OnPressUp
• OnClick
• IdleLoop
• Manual for selected systems

Interaction handling

Pointer-based effects use Unity event interfaces such as:

• IPointerEnterHandler
• IPointerExitHandler
• IPointerDownHandler
• IPointerUpHandler
• IPointerClickHandler

This allows the effects to work on non-button UI elements as long as the object can receive raycasts.

Layout compatibility

The asset is designed for UI layouts, including GridLayoutGroup, with an important rule:

• scale/rotation/overlay effects are layout-safe
• root position effects need special handling and should be used carefully on layout-controlled objects

Auto-generated visuals

Some effects create helper child objects automatically, such as:

• glow overlays
• ripple overlays
• gradient sweep overlays
• burst roots / particles
• border lines

These are generated at runtime or on enable, depending on the effect.

Common component requirements

For transform effects

Attach:

• UIButtonAnimator
• UIButtonTransformController
• one or more transform effects

For visual effects

Attach:

• the visual effect script directly
• optionally alongside transform or root effects if visually appropriate

Performance notes

• Lightweight C# coroutine-driven effects
• Suitable for normal UI use
• Best used with reasonable effect counts per screen
• Recommended to avoid excessive stacking of multiple heavy overlay effects on many UI elements at once