dotween-patterns

Animate Unity UI with DOTween while preserving LayoutGroup integrity.

1|Updated Apr 15, 2026

Search Tags:#unity #sequence #ui-animation #dotween #layoutgroup #canvasgroup

Ready to run

npx skills add https://github.com/wooson00308/CCUF --skill dotween-patterns

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: dotween-patterns
Source: https://github.com/wooson00308/CCUF/tree/main/.claude/skills/dotween-patterns
Command: npx skills add https://github.com/wooson00308/CCUF --skill dotween-patterns

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

DOTween-based UI animations can break Unity's LayoutGroup layouts if used improperly. This Skill provides safe patterns to animate UI while preserving layout integrity.

Core Features & Use Cases

LayoutGroup-safe animations using CanvasGroup alpha fades, local scale, and safe transform moves outside LayoutGroup.
View transitions and popup animations pattern: root transforms with slide + fade, maintained layout, quick restoration on disable.
Reusable stagger and sequence patterns for lists and dashboards.

Quick Start

Open Unity, apply these DOTween-safe UI patterns to animate layouts and popups.

Frequently Asked Questions about dotween-patterns

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

Why does DOTween UI animation break Unity LayoutGroup layouts?▼

DOTween UI animation breaks Unity LayoutGroup layouts because directly animating child transforms triggers continuous layout recalculation. Using safe patterns like animating CanvasGroup alphas or root transforms prevents this disruption.

How do I create DOTween popup animations without breaking Unity Canvas layouts?▼

Create DOTween popup animations by applying slide and fade effects to root transforms and CanvasGroups instead of layout children. This preserves Canvas layout integrity and allows quick restoration on disable.

Can I animate UI transitions with DOTween without affecting LayoutGroup elements?▼

Yes, you can animate UI transitions without affecting LayoutGroup elements by using non-layout-affecting DOTween sequences. Applying local scale or CanvasGroup fades ensures the layout remains stable.

What are safe DOTween patterns for animating lists and dashboards in Unity?▼

Safe DOTween patterns for lists and dashboards use reusable stagger and sequence techniques. These patterns animate UI elements without triggering LayoutGroup recalculations across Unity scenes and panels.

Does animating CanvasGroup alpha fades prevent Unity LayoutGroup from recalculating?▼

Yes, animating CanvasGroup alpha fades prevents Unity LayoutGroup from recalculating. Fading the CanvasGroup does not alter the transform dimensions, ensuring the layout remains completely intact.