Vigyata.AI
Is this your channel?

DOTween UI Menu Animations Tutorial | Smooth UI Transitions in Unity (Part 9)

1.3K views· 17 likes· 2:48· Jul 25, 2025

Welcome to Part 9 of the DOTween series! In this video, we’ll learn how to animate UI menus using smooth fade-in/out and scale transitions From subtle fades to dynamic zoom effects, we’ll cover how to bring life to your UI with simple but powerful DOTween methods. 📌 What you’ll learn: How to animate CanvasGroup alpha for smooth fade-in/out Use DOScale to create punchy menu appearances Combine animations with Join, Append, and SetEase Use SetActive and onComplete for clean menu toggling Practical UI flow for opening/closing menus 🎯 Perfect for Unity developers building polished UI experiences and wanting to upgrade their menus with stylish animations. 00:00 Intro 00:12 Creating Buttons in Code 00:25 Creating Functions in Code 02:35 Testing Button Click #unity #dotween #gamedev #unitytutorial

About This Video

In Part 9 of my DOTween series, I animate a simple main menu so it instantly feels more polished and “alive.” UI animation isn’t just decoration—it's communication. A lively menu guides the player’s eyes, invites interaction, and sets the tone from the very first second. In this tutorial I focus on three buttons—Play, Settings, and Exit—and I give each one a distinct micro-interaction style so the whole menu feels handcrafted instead of static. For the Play button, I use a bouncy scale animation that gently grows and shrinks to pull attention in a subtle, satisfying way. The Settings button gets a quick rotational loop—just a small 30° twist with a yo-yo feel—so it adds motion without becoming distracting. And for Exit, I go with a punch scale effect: a fast, tactile bounce that gives that juicy squash-and-stretch vibe you see in great UI. I trigger these animations on scene start, then I also show how to hook the same ideas into button clicks using Unity’s UI event system for better feedback. The big takeaway: DOTween keeps this clean, avoids messy coroutine logic, and stays performant while animating basically any property (scale, rotation, color, fades, and more).

Frequently Asked Questions

🎬 More from Casayona Code