Godot UI Basics - how to build beautiful interfaces that work everywhere (Beginners)

[@WarrenMarshallBiz]

Hands down, this is the best video I have ever seen on Godot's UI. Just top shelf work, well done! Your channel already deserves to blow up. Keep it up!

[@SimonJensen]

totally agreed. What a good starting point tutorial, covers all the major concepts and common 'how do I get it to do XXX' questions.

[@SeanMcKenzie]

Yep. 100%. This video of fantastic. Thank you so much!

[@tzerland]

Very high level quality!

[@MH-dn3jz]

Seconded! The production is great but more than that, the very clear intentional thought that went into the explanations and examples. You cut to the heart of it without distracting tangents and helped teach me how Godot *works*, not just some copy/pasta recipe.

[@obscurin6859]

So, to make it clear, Do I need to create a bunch of nodes of different containers and the result depends on their order? You don’t need to configure individual buttons as needed, but make a lot of necessary nodes? If, of course, you understand what I mean.

[@iatheman]

This "story line" approach of showing the UI features of Godot is great. This video is much appreciated.

[@georgeml-o_o]

Me watching the video: wow SOOO simple, what an awesome teacher. Me in godot: Let me watch the tutorial again.

[@bluedragooo]

You should take notes and write them down to remember it easier

[@LouisDoesGames]

follow along and tinker around while doing so helps me a lot

[@dreamleaf6784]

Me reading comments: wow these guys can't take a joke Me in Godot:let me watch that tutorial again.

[@KatTheOneAndOnly]

I hate the fact that this is so relatable 😭😭

[@raphalopes8]

OMG I can't decide which one is better: The way Godot handles UIs or the quality of this video explaining how to handle UIs on Godot! This is by far the best video I have over seen on Godot's UI! Thank you so much! 👏👏👏

[@voodinator]

This is one of the best tutorials that I've seen in a long time from a didactical standpoint. And I watch a lot of tutorials. You don't just show how to do things correctly right from the start but instead show how you might approach certain things as a beginner and the flaws of doing so. This way you can really understand the flaws of one approach and the benefits of the other approach. I just started to learn Godot as an alternative to Unity and these kinds of tutorials help me a lot. Hope to see much more content from you in the future.

[@Crystan]

It's probably embarrassing to admit, but boy oh boy was I struggling to get the right look for my UI before I ran into this tutorial. Easily the single best Godot UI tutorial I've come across. Very easy to pick up, and rather than just throw code and names at you, gives clear instruction on when to use something and why. This kind of tutorial is the golden goose as far as I'm concerned.

[@mellowminx]

I'm now imagining my control nodes having polite chitchat every time I set up sizing :)) thank you! Excellent tutorial, it answered a lot of my questions especially about using styleboxtextures, spacer controls, and avoiding letterboxing.

[@TheMrKurt]

Thank you! I've been wracking my brain trying to get a grasp of Godot's UI, and this is the video where it finally "clicked". Honestly, this step by step tutorial should be in the Godot Official Documentation!

[@Zuap]

You are a gifted teacher. One of the best tutorials I ever followed in KZbin (not just Godot) and I am a senior dev I watched a lot. Usually I get bored and jump out or read the transcriptions, but you are so good and informative that I ended up watching all (and it is huge 40m long). This just to say: you are doing an awesome job to game devs everywhere, thanks.

[@mickeystix]

I honestly feel like this tutorial - while it is focused on something that some might not find exciting - is an AMAZING intro to how Godot works with its nodes and inheritance. You kept it simple, spoke on topics that are sure to arise without getting too in depth (which can scare people away) and delivered easy to follow instructions and results! It's always good when you feel comfortable enough after a tutorial to start tinkering with other things to see what happens. Great stuff!

[@loubion]

Not even at the half of the video and I swear this one of the best pedagogical content Ive ever seen. The progressiveness where you make us feel "oh great it work, oh great there is even a better way!", is priceless. Thanks a lot !!

[@elalex78able]

I've never seen a tutorial like this. It is like a proper classroom. It is very satisfying watching even I already know some of the explanation. Thanks for share your knowledge, Master 😁.

[@Asguardian22]

Another great video! The quality of your teaching is some of the best I've seen. You cover topics clearly, and you are not afraid to dive into some of the nitty gritty details, which many videos lack.

[@brandoncarbaugh7994]

This is a phenomenal tutorial. The little word bubbles that show how the different components "talk" to each other is so great.

[@timothycalco8089]

This is just such a good video. Explaining every part of the UI and inspector settings as if they "want to do this, and they tell each other this, and this decides to give them this" is so intuitive and easy to pick up. Can't possibly sing enough praise for this video.

[@adrowsypoet]

You're a gifted teacher man, ty for your time

[@acevfx2923]

Literally started with Godot yesterday. Your tutorials are some divine timing! Cheers

[@dreamleaf6784]

So did you complete your first game by now?

[@zakatalmosen5984]

Incredible tutorial, I've been working on a little toy game lately and up until now I've been aligning my labels manually by using the guide functionality in the 2D editor to draw reference lines lol. I finally decided to learn how to actually do it and I found this awesome video. 45 minutes gone in an instant. I watched this without ever opening Godot and I still retained every piece of information, you're a really great teacher. I hope you keep producing content of this quality.

[@SergioVeraH]

I've seen many Godot UI Videos, and this is hands down my favourite one. Excellent, clear and giving proper insight into some of the inner workings. Many thanks.

[@austinderrow]

I appreciate how you start with a quick-and-dirty solution and build up to demonstrating how one may not want to do it that way. This style helps teach the usefulness of the extra complexity and the *reason* why we do it that way. Not just that we *can* do it that way. For example, when you set the panel container's theme I thought to myself... I guess I need to create multiple themes if I want different reusable panel containers. But then later you demonstrated the issue, which is wanting a slight change to the theme's setting and showing variants. Thank you! 😁

[@JohnWizard]

Awesome video! A follow up tutorial showing how to interact with the UI elements via code, like a dialogue system with yes/no variants, an options menu or an inventory, would be super useful!

[@UitzUitz]

This is hands down the best UI tutorial for Godot out there. I was really struggling coming to Godot from Unity because the UI systems are quite different, but after your tutorial I understood it and started to really like it. Please make more tutorials, because your other tutorials are also amazing. Also, I love the humor with all the speech bubbles. Keep up the great work 😉

[@flora265]

I got into Godot about 6 months ago and didn't understand much about Control nodes, so my UIs were annoying to use and didn't scale properly. I learned a lot from this tutorial which will definitely be helpful when i start making a UI for my game. You explained everything very clearly and i never got bored watching this tutorial, which is a big problem for tutorials i have watched from other youtubers. Would definitely like to see more great content from you.

[@codybrock3461]

Your tutorials are excellent. I can't quite put my finger on it, but your delivery keeps me engaged with basic topics like very few videos can. Generally speaking, content teaching the fundamentals seems to drag on forever, but this was paced so well and it did a great job of conveying the high level view one should have when using these tools. I've watched several videos on Godot UI that seem to just be an information dump about the types of nodes one should use and how to structure them, but this video gave motivations and underlying logic that made it all snap into focus for me. In less than an hour, this got me closer to understanding the design paradigm of Godot UI than I got after several hours of the most popular tutorials on the subject. Other videos just wave their hands and say "margins are confusing, just do it this way", but this video actually spent a couple of minutes explaining how containers interact and why certain results can be confusing or unexpected. Two things you did that worked really well: - Anthropomorphizing nodes to quickly and clearly show relationships and interactions, ie "The container asks the button how big it wants to be" - Editing in visual highlights and "thought bubbles" for elements, which tied in perfectly with the voice over. Please keep going! This is the perfect moment, what with Unity shooting themselves in the foot (in the face?) and the Godot exodus that is just beginning. Strike while the iron is hot!

[@charlythompson9281]

I’m coming from Unity, and I gotta say that Godot’s UI tools are pretty danged slick. Your tutorial was thorough and foundational, so exploring what you didn’t cover will be fun rather than frustrating. Thanks!!

[@stranostrani9212]

Thank you immensely for your effort. Just a couple of days ago, I stumbled upon another one of your videos on Godot Components. I was instantly captivated by your calm teaching style and the way you simulate errors and subsequently rectify them. I returned for another video because I realized, upon going back to use the engine, that I had genuinely absorbed valuable insights. I sincerely hope you continue producing more of this quality content.

[@Tokaint]

Hands down best godot tutorial I've watched that is actually easy to understand for beginners. Please keep up the use of simple words and simple situations for people who have no idea what all these technical terms mean yet. I'm not needing to ask myself what the heck does [Insert Technical Term] Mean every 2 minutes. (Instantly subscribed)

[@rhowells16]

I've watched this video at least 5 times. As a Unity refugee, I'd have really struggled to learn the Godot way. But this video hits all the important UI points and explains them very clearly. So many thanks!

[@AliKandirr]

Especially after the recent Unity events and more people coming to Godot, this channel will absolutely blow up. You just covered every topic in my mind. I'm looking forward to new lessons, thank you so much!

[@markwright5848]

I really love how you explain a lot of the tangential things. Only 10 minutes in and really enjoying this tutorial.

[@HiroTheHunter]

Your tutorials are so good. What you do specifically very well is supply a lot of knowledge around choices you made. F.e. in the beginning, Mentioning the Steam Hardware Survey is such a good idea. This is the type of information missing in many tutorials, and the user will miss it but never know.

[@sergiporraspages]

I just started learning Godot and wanted to get an understanding on how a UI should be build and configured. This video was incredible, love the approach of starting small and building upon it. It helps us understand why things are done in a certain way rather than just giving the correct way out, saving us hours of independent learning. Thanks a lot and keep up the good work!

[@OnyxIdol]

It's rare that hour long videos captivate me start to finish, but your's manage that every time. You're the best Godot teacher on YT.

[@HonestGameDev]

I liked how you also showed options even if it was not what you were going for! This helps people see all the options in case they DO need it in their situation. Great video on a part of Godot which is under represented in the tutorial space.

[@gabriel-xh8uo]

The best tutorial I've seen. I always said to myself what's the point of this canvas layer. Today, I realized this practically. No one gives a good explanation about these God bless you 🙏

[@ThantiK]

I'm a little less versed with all of the UI container options in Godot, this is a good demo of what most of the elements do -- great video!

[@dueddel]

I am quite comfortable with Godot and by far not a beginner, but well, what can I say? - I learned something new in one or another of the details you've been talking about. So far I can tell, I love your videos due to the content alone, its presentation, the pace, your explanations. Really, really cool! I subbed a few days ago already and I am sure I won't ever regret it. That's some high quality tutorial.Keep up! 😘👍

[@jackiewatkins1830]

This was the first video I watched as Im trying to learn Godot from scratch...I was pretty confused, but after watching a few other basics tutorials, I watched it again and it is very informative once I had a grasp of the basics...definitely need to watch it even if your game only has the most basic of ui...just get to know a few basic tutorials if your an absolute beginner then watch this and you will learn a lot!

[@EliWulff]

This is, by and away, the best Godot UI tutorial video out there! I've learned much of what is presented here through trial and error as well as other tutorials, but seeing it all presented so clearly and simply has been absolutely fantastic. I strongly believe that anyone who touches UI in Godot should watch this video first.

[@faraggi]

Great video. Personally, I'd love more intermediate level videos. I suggest content on: - inheritance vs composability in godot - overall architecture - signals - animation players

[@LuximorThe]

Your tutorial is absolutely incredible. I've been struggling so much to get UI working. And you basically gave the tools to understand all of my issues. The explanation on how controllers work was crystal clear, and helped me understanding the problems rather than giving a solution that would've not helped in the middle/long term. Thanks for having taken the time to do this video. It's the best I've seen on this topic

[@VarunSingh-mj6xc]

A very high quality tutorial with a carefully chosen running example. Thank you for your efforts!

[@stickguy9109]

I just switched from unity and making UI responsive in godot was pain but this clears things up a lot. Thank you

[@jehreetv]

Your videos are super high quality, I see a bright future for your channel if you keep it up!

[@Will-ht4es]

As someone just getting into game dev for the first time and coming from a tech background your tutorials hit that lovely middle ground between too little and too much information. Excellent work, best godot tutorial I have seen yet.

[@adenashiscave]

This is an amazing tutorial! I'm just starting with Godot for... reasons... and this just answered so many of my questions. Can't wait to watch more of your videos.

[@CastleKnight7]

“Reasons.” 😉

[@generic.hybridity3136]

Great primer for anyone getting started doing GUI work, I read the manual but kept making elementary mistakes with a Custom Control class. Pulling my hair having themes not apply and such. Watching someone go through the base stuff and building the base stuff helped me figure out how to use it all properly. It's quite a good GUI system once you make the conceptual leap. Thank you for the video

[@bencepaul3497]

Excellent tutorial!! Perfect level of detail, and explained a bunch of things I was struggling with in Godot.

[@chrisheld8463]

I'm truly impressed! If only I had the option to give this more than one thumbs up. It's concise, straightforward, informative, and a delight to watch!

[@rungeon83]

I've been using Godot since 2019 and it can still catch me off guard with the UI controls, this is by far the best UI tutorial I've seen, thank you for making this!

[@3rberv]

Dude you answered literally every question I had about UI in a single easy to follow video. Thank you so much!

[@TheLazyJAK]

Single most useful channel when learning Godot. Keep it up!

[@burnheart2965]

Excellent video, you also go through building immediately and making mistakes. This is vital for the viewer. People learn from mistakes, not perfect explanations and you incorporated that well with controlled "mistakes". Great job!

[@KevinIndreland]

I've been working with Godot for awhile now and built a few games and followed classes and tutorials. This is by far the best teacher I've come across and answered so many questions I've had. Would definitely follow if he had Patreon tutorial channel!

[@ashdeuzo5813]

Your tutorials are some of the best I've seen around KZbin on any subject. I've been meaning to pick up Godot and your channel feels like I found a gold mine. Thank you!

[@ceruleanserpent387]

This is the best Godot UI tutorial on KZbin, well done!

[@sonny5497]

This is a masterclass for online instructors on how to teach! You are an amazing teacher. Many thanks for sharing these helpful videos. Liked and subbed!

[@BlackDragonBE]

Your Godot tutorials are the best I've seen by far! Keep it up and your channel will be known wide and far among Godot devs, I'm sure of it.

[@tayete]

Simply fantastic. Something as dark as Godot's containers and themes, brilliantly explained. Awesome job!!!

[@tobiaslarsson8154]

After hours and hours spent on testing and trying to figure out how UI elements REALLY works this video definitely took me a great step forward. Great overview and explanations. Thanks!

[@AlexandraErin]

Expand settings are "how much space", fill settings are "what to do with space" is a great explanation of these things. I've never intuitively grasped the relationship between them, why "fill" by itself didn't make controls larger, and how/why to use them together or separately. Thank you! Gamechanger.

[@Pabloparsil]

I love that you show buttons and things that we might try and why they don't work and what they do. UI is the worst but this video makes it much easier to understand

[@crummymudd8625]

Great approach to exploring and learning about a big topic. Have a small step goal, point out when things go wrong, pose a question, then get to the next step. I try to learn most things this way.

[@RedEyedJedi]

Best UI tutorial for Godot on KZbin. Everything is explained in detail. Follow along, and you can easily do this too.

[@saitmarasloglu9403]

Best video tutorial ever, actually explains how underlying engine works

[@fjonesjones2]

Greatest UI Tutorial I've seen... always got confused... took ages for me to set up UI's... Now I understand how it works... Many thanks and please keep the tutorials coming..... ;-)

[@johngardner9100]

Your videos are simply the best tutorials I've ever seen in my life. For the first time ever, I used the notification bell on KZbin. Thank you so much for sharing you knowledge that way

[@Martyvader]

Just wanted to say that your tutorials are some of the best I've seen. They are thorough and i really appreciate how approach in the same way a newer user would and showing better ways to approach the subject. Thank you so much for these!

[@luminous2585]

This is the best video I've ever seen on UI creation (in general, not just Godot). Though I have to say Godot's UI tools also seems surprisingly straightforward.

[@errorMacro41]

I rarely comment videos, but I gotta say, I watched MANY videos on Godot UIs, and this is by far the best one, that actually explains it in a clear and concise way (and don't overfocus on anchors). I hope we get a part 2 sometime converting other types of control/UI nodes and their use cases

[@copypaster2802]

100% agree with each comment. The channel itself and this tutorial in particular is the best tutorial series I've even seen during my 10y of development career. Thank you very much!

[@shaidyn8278]

Without a doubt this is the best godot tutorial I've found on any topic.

[@vicentvalls1647]

Congratulations and thank you so much. You are doing the best Godot's tutorials on KZbin. Step by step, clear and without repite yourself. ❤

[@hiiambarney4489]

This feels like what you'd expect to get when you buy a course at some outlandish price. Only the courses are usually a let down and this is an absolute steal. Big Thumbs Up! Hands down, best explanation on the topic I've seen so far!

[@animelafuerza]

Hands down The best video on Godot UI, wish I could upvote this multiple times

[@SebLeCaribou]

I really love your tutorials; I find them clean and easy to understand, and they always prompt me to search for more info. Congrats on that! The AI images are super distracting though...

[@godotneers]

I noticed - and phased them out in later videos.

[@BreezyDefrag]

I know this sounds childish... but I really appreciate how you explained things by personifying the elements it actually helped me to understand this all that much better. So thank you. Great Tutorial... I didn't realize how fluent the UI system was in GODOT.

[@sapbucry]

Thanks for explaining theme variants, that is what I was missing in my project. Keep'em coming !

[@soganox]

Fantastic video. So well explained, and so in-depth. Thank you very much!

[@Tosek2010]

Great work. This was an awesome video. And even if I already did several things with the UI system, I learned some new stuff, I didn't know before. Keep going

[@AnonymousPerson-cu7yz]

Wow, what an exceptionally nice tutorial! Everything is clear, entertaining, interesting, and straight to the point.

[@vertextwin1177]

I don't know hardly anything about this game engine, but I sure know how to create my UI correctly now after this video. Great job 👍 Subbed!

[@moonstar_connor]

Amazing tutorial! You covered a ton of concepts so clearly and really made UI click for me. Please make tutorials for every concept in Godot ha

[@4.0.4]

You clearly know a lot about not just Godot but how to teach it. It's like watching a book. I'll watch your other tutorials to finally learn Godot!

[@MyHunta]

I usually don't subscribe to channels for tutorials, but this one was so well made that I had to.

[@SamuTheFrog]

this was so comprehensive I couldn't possibly remember everything from one watch, so I'm back for my second watch. Great video, can't imagine the time it took to script this out, record it, and edit it.

[@godotneers]

It takes a good while. Research and scriptwriting is usually about a month of work. Audio and video recording is pretty fast once you got the script. Editing usually takes another week, so we are roughly at 4-6 weeks per video. I'm doing this in my spare time though, so a person doing this full time will likely be a lot faster.

[@АндрейДильман-ф6ь]

Great tutorial! Before whacking this I didn't really understand how flexible this system is.

[@28mmRPG]

thanks, I just got the humble bundle Godot learning and I'm totally new at this stuff... you have helped 1000%

[@happyfarang]

nice timing. Unity refugee here. Making a very UI heavy app so it's nice to get an intro to UI like this. You got a subscription from me ^^

[@AnnaTyrrell]

Wonderful tutorial. I keep coming back to watch it as I progress with buliding my game's UI, and it's SO helpful!

[@amegatron07]

Thanks! I haven't yet seen any other videos explaining UI in Ggodot, but I fell like I don't need them) Everything is looking crystal clear from this one.

[@igor-grachev]

Best Godot UI tutorial I've ever seen!

[@augustpreiler3555]

Wow this Tutorial is so high Quality it feels unreal you dont have to pay for it. Thank you a lot

[@lcm2588]

Thank you so much for the video, the panel container was a life saviour, it saved me so much time. The UI is truly beautiful

[@B4RN154N]

Just discovered your channel while preparing for an upcoming game jam. Thank you for this amazing video ❤

[@Kironaid]

Fantastic tutorials dude, keep the good work! I'm gonna keep watching the rest!

[@draft_fusion]

Actually good tutorial compared to the other youtube videos I went through! Nice job Godotneers!

[@realMenta]

Thank you a lot, the best Godot tutorials out there! Thanks :) You makes really easy and nice to understand and digest the content.

[@jamesa5890]

Literally one of the best tutorials ever omg, thank you!

[@sstrangerplace]

I'm new to this engine and this tutorial was really what i was looking for. Thank you for making this video, it was easy to follow, you have a nice way to explain things!