Back to Browse

How to Make a Scrollable UI Menu in Unity

2.5K views
May 29, 2025
8:25

In this video I'll be showing how you can can create a scrollable UI panel in Unity, with a masking effect. A scrollable UI menu is useful for a variety of different features including ability cards, upgrade menus, statistics menus, credit menus and so forth. The elements we'll be using in this tutorial include: - UI images - Scroll Rect - Mask - Vertical Layout Group - Content Size Fitter - Layout Element We’ll walk through how to correctly set up your UI hierarchy using components like Scroll Rect, Mask, Vertical Layout Group, and Content Size Fitter to get everything working smoothly. If you've ever struggled to make scrollable panels behave properly, this tutorial will give you a solid, reusable approach you can apply across many types of menus in your game. _________________________________________________________________________ Links: 🧟 Wishlist Zombie Barrel Blast: https://bit.ly/ZBB-Steam How to Make a 2D Game in Unity (1st video in playlist series): https://www.youtube.com/watch?v=uLXnYbu6c7Y&list=PLydLF_SVNKYaY5YnH7amiEeiUAVWRBCu3&ab_channel=WildCockatielGames _________________________________________________________________________ Support: ❤️ Support me on Patreon: https://www.patreon.com/c/jholowka _________________________________________________________________________ Affiliate Links: 🕹️ 2D Unity Course: https://fas.st/t/GBzzi3t3 🧱 3D Unity Course: https://fas.st/t/eZ9DNY1j 🌐 Multiplayer Unity Course: https://fas.st/t/sPS5D9G9 ✨ Game Feel Unity Course: https://fas.st/t/4bUZtTo6 🧬 Procedural Level Generation Unity Course: https://fas.st/t/kvG2bkTH 📚 Browse ALL GameDev.TV Courses: https://fas.st/t/id4NpGxc NOTE: These are affiliate links to GameDev.tv courses I strongly recommend if you want to level up your game dev knowledge. I personally started learning all of my GameDev through this organization, and I cannot recommend them enough. If you purchase through my links, I make a small commission, at no additional cost to you. This helps support me as a creator. Thank you so much if you do make a purchase! _________________________________________________________________________ Chapters: 0:00 Demonstration 0:32 Scroll rect setup 3:57 Vertical layout group setup 6:50 Adding spacing _________________________________________________________________________ SEO Tags (ignore these) unity scrollable ui, unity scroll rect tutorial, how to make scrollable menu unity, unity ui scroll panel, unity vertical scroll menu, unity ui masking tutorial, unity content size fitter scroll, unity vertical layout group tutorial, scrollable panel unity tutorial, unity scroll view setup, unity ui tutorial 2025, unity credit menu scroll, unity stats menu ui, unity ability card scroll, unity upgrade menu scroll, unity ui tips and tricks, unity game menu scroll, unity scroll menu with mask, unity layout element tutorial, unity clean ui design

Download

0 formats

No download links available.

How to Make a Scrollable UI Menu in Unity | NatokHD