Build A Modern Python GUI Project | Step by Step Tutorial

Keep exploring at brilliant.org/developedbyed/. Get started for free, and hurry-the first 200 people get 20% off an annual premium subscription.
In today's episode we will be building a modern python GUI app using Tkinter and CustomTkinter. We will also be integrating pytube which will allow us to download our youtube videos in different resolutions and formats.
This is a beginner python project that you can follow along without any previous python knowledge.
Upgrade your programming skills with my courses
developedbyed.com/
This video was sponsored by Brilliant
🛴 Follow me on:
Twitch: / developedbyed
Twitter: / developedbyed
Instagram: / developedbyed
Github: github.com/developedbyed/
#programming #python

[@debabella-wr6et]

🎯 Key Takeaways for quick navigation: 00:00 *🎬 Introduction to Python GUI Project* - Introduction to creating a modern GUI project in Python for downloading KZbin videos. 01:49 *🐍 Setting Up Python Environment* - Instructions for setting up Python environment, including installation of required packages like tkinter and Pytube. 04:08 *🖥️ Designing the User Interface* - Designing the GUI layout using tkinter, specifying frame size, title, labels, and entry for input. 06:18 *⚙️ Implementing Basic Functionality* - Implementing basic functionality such as fetching input, creating a function to handle download requests, and displaying download status. 16:51 *📈 Adding Additional Functionality* - Enhancing the user experience by updating UI elements dynamically, displaying download progress, and handling errors gracefully. 21:45 *🔄 Adding Progress Bar* - Optional addition of a progress bar to the GUI for visualizing the download progress of KZbin videos. 22:10 *📊 Displaying Progress Percentage* - Implementing a label to display the progress percentage during video download. - Creation of a progress bar widget for visual representation of download progress. 23:49 *🛠️ Implementing Download Progress Functionality* - Defining a callback function to track download progress using Pytube's callback feature. - Accessing information such as total file size and bytes downloaded to calculate the download percentage. - Updating the progress label and progress bar dynamically during the download process. 28:03 *📚 Additional Resources and Conclusion* - Encouragement to explore further customization and functionality using tkinter. - Reference to custom tkinter documentation for more advanced features and examples. - Invitation for feedback, suggestions, and potential enhancements like video quality selection. Made with HARPA AI

[@NightSpyderTech]

I spent half a day messing around with Tauri / Vue trying to figure out how to customize the GUI and in half an hour I had this working as demonstrated and had expanded it out with extra functionality. This is an awesome vid and so much simplier with an interface that still looks super clean and modern. I'd heard mention of tkinter before when I was looking into and experimenting with PyQt, but you've sold me on it. Can't wait to check out your other and more recent videos!

[@developedbyed]

Keep exploring at brilliant.org/developedbyed/. Get started for free, and hurry-the first 200 people get 20% off an annual premium subscription.

[@alvarofigueroa4693]

Great tutorial man. Kudos!. I was unable to downloaded a couple videos (yours included and another from Rick Beato) and entered a question here to see if anyone else have the same issue. And then tried a few more videos and voilà, it worked as expected! Thanks so much for sharing this with us. I learnt a lot from it. cheers!

[@eugenmalatov5470]

I have not rebuilt it yet, but really amazing. :) I would use pyinstaller as well to create an executable

[@LucasGabrieh]

This is AMAZING! Just one minor (really nit thing) - PEP8 for python doesn't indicate the usage of camel case for functions, snake case should be used there (start_download(), for example)

[@Sirveyor226]

Love this. Please do more.

[@TypeiZ]

Hey, thank you so much! this is the best KZbin tutorial for a download i found. I tried about 8 different tutorials but this is by far the best! Could you perhaps show us how to implement a folder selection too? i would love to chose where i download my files! :) Big thanks for the video!

[@manoellopes]

Loved this one, will try to implement a launcher for an online game and see how it goes... I am curious to know if I will be able to make it work by downloading the version updates of the files. can't wait to see more content like this one.

[@GultReverz4.0]

Its been a while me learning to code. Now I was learning Tkinter. I want to create a hospital management software But i am not able to make so , Any suggestions! 😊

[@chandrakala7302]

Thankyou so much!! you really helped me today!!!

[@user-vv3gg6xm1b]

first i found out about pytube and decided to combine it with tkinter in a project. than i was told that there is already a website that does the same thing i wanted to create. now i find out that there is already a tutorial on how to build such a project. at this point i'm dead inside...

[@prohubbeta]

It's okay if you are trying to make something that's already available, it's a good feeling building something on your own and seeing it work.

[@sirseven3]

​@@prohubbetaespecially when you have specific interests that deviate from the project and troubleshoot your own code

[@ChandrayMurmu22]

What is the website name ?

[@RakibHasan-hs1me]

You should still try, what if your one is better and faster.

[@skyfonix1]

I feel the same

[@paulthomas1052]

Great demo - thanks :)

[@gambomaster]

Ok so our gorgeous teacher on the internet is going to teach us Python too? That sounds interesting and exciting. Hopefully you will release a real world project in Python soon. 🙏🙏🙏

[@ronnykgalema]

Please do another video where perhaps you combine this desktop app with backend. Node backend to be specific. Thank you for great content 👏

[@thesouthsidedev1812]

You are a legend Ed

[@OriginalRed5]

Well done!!

[@holmseifert3469]

Great tutorial about developing a cool looking gui in Python. Thanks

[@pablozuta2402]

Yes !, nice to see Python content in your channel 🙂

[@developedbyed]

More to come!

[@pablozuta2402]

@@developedbyed great 😎😎

[@user-ej7rn1hz8k]

Thanks, you solved my problem downloading videos (especially with IDM)

[@killerb6090]

yoooooo i learned web front-end developement from you long ting time ago,and here we are learning again from the best.i missed learning from you.10/10 from now❤❤❤❤❤❤

[@user-uf2ml9fh7e]

Good work man

[@anmolgupta763]

Really loved it ...!

[@HNMCK]

Love the python content!

[@mehliamm]

Where can I get inspo for clean modern UI's I can't seem to look up on yt cuz it gives random stuff that doesn't fit the description of what I'm trying to look for😭

[@ricokariuki3655]

great tutorial there

[@caleb7884]

27:35 you don't need to convert percentage_of_completion to float since it's already a float

[@gkhnylmz53]

I love it ! Thank you so much !

[@naturecultureafrica]

Nice.... need also one about PyQT, please.

[@o1techacademy]

Nice one bro.

[@kevinmakumbe]

Great tut, how do i center the form on screen coz it seems not to work in custom tkinter

[@adelyar.subhan]

Wow! Amazing content.

[@mohamedlahrech178]

Thank you, very useful and simple. Is it legal to deploy on my website?

[@Lunolux]

great video, more video on python could be great.

[@moradgames125]

hi this tutorial is amazing and it also worked for me but i just wanted to ask you if you can make another tutorial with all the same things in this tutorial but just adding a resolution buttons with different resolution

[@SilentNorn]

ytObject.streams.get_by_resolution("INSERT YOUR DESIRED RESOLUTION HERE") instead of ytObject.streams.get_highest_resolution(). You can combine it with a DropDown button to select your resolution instead of a regular button for example.

[@kgaming7599]

hey bro! what vscode theme do you use? i like it 😅

[@francisconogueira8622]

Super !!! I loved it :

[@JNET_Reloaded]

put a checkbox onit that can open in vlc after dl complete! that would be better and a button top open the folder the fil that dl is in!

[@catoberge]

Yay! This is JUST what I was thinking of doing, but didn`t know where to start. I like :) Edit: I made it. Really fun and satisfying project.

[@shahil1867]

Can you share it? I need it for project 😭

[@danielvarga_p]

​@@shahil1867 Would you still need it? I am planning to make this in the following days, if you interested I could send it later.

[@danielvarga_p]

@@shahil1867 TEST here is the code actually, to test if this can be done on KZbin. import tkinter import customtkinter from pytube import KZbin ## Something is not right here - The YT was age restricted required login def startDownload(): try: ytLink = link.get() ytObject = KZbin(ytLink, on_progress_callback=on_progress) video = ytObject.streams.get_highest_resolution() title.configure(text=ytObject.title, text_color="white") finishLabel.configure(text="") video.download() finishLabel.configure(text="Downloaded!", text_color="white") except: finishLabel.configure(text="Download error", text_color="red") #from KZbin class from pytube def on_progress(stream, chunk, bytes_remaining): total_size = stream.filesize bytes_downloaded = total_size - bytes_remaining percentage_of_completion = bytes_downloaded / total_size * 100 per = str(int(percentage_of_completion)) pPercentage.configure(text=per + '%') pPercentage.update() # Update progress bar progressBar.set(float(percentage_of_completion) / 100) # System Settings customtkinter.set_appearance_mode("Dark") customtkinter.set_default_color_theme("blue") # Our app frame app = customtkinter.CTk() app.geometry("720x280") app.title("Video Downloader - KZbin") # Adding UI Elements title = customtkinter.CTkLabel(app, text="Insert a youtube link") title.pack(padx=10, pady=10) # Link input url_var = tkinter.StringVar() link = customtkinter.CTkEntry(app, width=350, height=40, textvariable=url_var) link.pack() # Finished Downloading finishLabel = customtkinter.CTkLabel(app, text ="") finishLabel.pack() # Progress percentage pPercentage = customtkinter.CTkLabel(app, text="0%") pPercentage.pack() progressBar = customtkinter.CTkProgressBar(app, width=400) progressBar.set(0) progressBar.pack(padx=10, pady=10) # Download button /// New function needed for startDownload download = customtkinter.CTkButton(app, text="Download", command=startDownload) download.pack(padx=10, pady=10) #.........................LAST # Run app app.mainloop()

[@mister-med]

Your font police is really awesome! What is it please?

[@mathieudebibikoff4369]

which IDE are you using and how did you get your IDE to work??? I graduated from computer science college, and I still can't get my IDEs to work at home, for like any language, I always have compiler problems, or framework problems, or I can't include some libraries, I'm tired T_T

[@alirad8996]

thanks man

[@bennikania813]

what theme package do you use?

[@nanaksingh9598]

Absolutely love this one. Would like to see more. Thanks

[@msmalik681]

Nice tutorial

[@kvelez]

Great video.

[@Ohiostategenerationx]

Mine is saying downloaded but I can't find the video anywhere on my computer. I don't know what I would be doing wrong. Would I not have to code into the program a folder destination?

[@ujjwal9638]

Create this with NodeJs and make a video on it if possible

[@yznor]

Amazing tutorial!

[@darkiller5219]

Do more python content please !!

[@mohammedmahdidjaballah802]

how can I change the download chunk size in pytube?? by default it is 9MB, and I want to make it less than that

[@ryangeo8409]

Where does it download?

[@withoutmalicexo]

Can we specify wher the file is downloaded? Even if it is hardcoded...? I think its downloading in the project folder in this example.

[@UltimaDJS]

So I really like this and I followed the video step by step and it works great, except... it doesn't show the progress bar or percentage rising while running the code. In fact the whole console goes unresponsive until the download is complete After it's complete everything updates and shows as one would expect but it's not running while the download is progressing. Do you know of any fix to this?

[@LaxMeister]

I'm struggling with this also. What I found is that you have to use threading. Which I have done but it still doesn't work. Only thing that threading helps with is stop the freezing of the GUI. Still not getting any progress.. I don't know if it's Pytube that has a bug or it's my code

[@4n5husaini55]

Same! @developedbyed please help!

[@nicow6975]

Me too! My window just stops responding...

[@kabou2011]

@@nicow6975 it stops and comes back, i tried a small video and it went from 0 to 100 also once it works if you try downloading a large video like this specifc video it gave progress

[@soufianesoufiane7218]

Same, My window is stops responding

[@programmingholic]

those who face promblem to install tkinter you can also run this command =>> pip install tk then can import ==> import tkinter as tk

[@rahulbhatt1]

Please sir make a video on making a website that generates ai images using Stable Diffusion api with python, etc 🙏🙏🙏

[@dispatersdance9691]

Thanks, was able to build everything but I could not download the video. Well, it did download but can't find in my python directory.

[@eriklehman3175]

great video! now we don't have to pay google for a video!! i have to ask, where is the file saved? i'm brand new to this so that should be a part of the code

[@payochannel1140]

I wish i knew more code. The beauty of python .

[@akshaysatav2431]

By just seeing one video i was becomes yours super fan ✨

[@gautamanand1201]

Just by reading your english, I suffered from cancer 🥲

[@akshaysatav2431]

@@gautamanand1201 bhai meri matru bhasha Hindi he English nahi 🤭

[@gambomaster]

@@akshaysatav2431 python ko hindi mein kya kehte hai? 😌

[@akshaysatav2431]

@@gambomaster wahi kehte he jo tyre ko English mein kehte he 😂

[@ghostxtempzz115]

Love this tutorial! How would you make the progress bar go back to 0% on a new link being inputted so that when you press download with the new link it will update?

[@soufianesoufiane7218]

write in the top of function start_downloading label_finish.configure(text="") bar_Progress.set(0) label_Progress.configure("0 %") for reset title and progress

[@cozyvibes6178]

17:00 Progress loading bar (start)

[@CodeError99]

Videos with age restrictions cannot be downloaded. How are we going to save it?

[@wazziii]

my program is working but the video from youtube does not download everything works but file is nowhere to be find ? can anyone help

[@Moustachebear123]

Can Someone send me the code from this video without me having to manually typing everything here

[@realterm69]

How to get real time progress percentage ???

[@sheri9516]

Help I recreated the same project but when I run the script, my window does not responds or prints download error. please help me if somebody can

[@howardhamaker2708]

Tip: Don't name your file "main". It is a no no in python. Internally, the python program in memory is named "main" also. You can see this in code if __name__ == "__main__" At the very least it might cause confusion.

[@mz5234]

I named mine as KZbinDownloader.py

[@pluto42069]

i tried to install customtkinter in vscode but it keeps giving me the error "ModuleNotFoundError: No module named 'customtkinter'" any help?

[@Nvv58]

is there a way to make another button wich only downloads mp3

[@nortrap]

"I think we have some sort of....." that is my experience with python on windows also :)

[@AMindInOverdrive]

'pip install tkinter' command doesn't work for me. Googled and it says use 'pip install tk' - I wonder why this is? Edit: Figured it out. The error said 'ModuleNotFoundError: No module named 'packaging'' - just did a 'pip install packaging' and it worked!!

[@Arkkis27]

Thanks for the solution, had the same problem!

[@Tr0nixUK]

Im not sure why but everything works other than when i try to download a video it just says the "Download Error" and i cant get around it

[@wverbrug1]

i have the same problem, so i searched it on google. google says this: "The original pytube library no longer works, so we need to use the pytube3 library, which only works with Python3 and not with Python2"

[@Blackronin357]

Having an issue where the .streams method isn't being recognized in VS code for some reason. When I try to download a yt link, I get both the invalid error and download complete to print out to terminal, but there's no file downloaded. Wondering why the .stream method isn't being recognized. Any ideas/help is appreciated! Otherwise, easy to follow video and it was nice to see the errors come up so it can help newbies like myself get the ropes.

[@Blackronin357]

Found my issue, forgot the s somehow in streams when I kept thinking it was there. I think it also helped that I restarted VS code and updated PowerShell to the latest version so IntelliSense pulled the method up.

[@22varian1]

I'm have the same issue. I tried you're solution was well.

[@idk6465]

Progress bar is indeed a problem, and somehow my labels as well.

[@mz5234]

Are you running in IDLE or VS Code? For some reason - when I ran in VS Code- as he does in his video - it implements completely accurate. I pored over the code and wrote down the code line by line on paper and compared with what he typed in the video. Realized today - that he used VS Code terminal and I ran it from IDLE when I ran from IDLE the app works - it downloads but the GUI doesn't operate completely accurately like the progress bar didn't update it was shown but showed complete at the end try VS Code to run - it should work?

[@mz5234]

Can anyone describe to me why: running the same code in MS VS Code terminal leads to a more accurate result? When I ran the same exact code from the IDLE interface-- the GUI Window - didn't update the progressbar in real time. The video downloaded - but the progress bar didn't implement in real time on the GUI. When I run it in MS VS Code- it works exactly the same as developedbyed's video. I didn't change anything with the code. spent hours and hours looking at it - couldn't figure out why. then watched the video again today - and realized he's using VS Code - and I didn't run it from VS Code. Shouldn't the result be the same?

[@tezbriz]

Great video, but i am stuck. I have followewd the instructions but my video is not downloading and i get both print messages. link invalid and download complete.

[@indianuzumaki280]

Same!!

[@yuz1509]

Same

[@leborito]

What is the text editor being used?

[@GameAudio1]

VS Code

[@godsongee4748]

Please where does the video download to ?

[@GameAudio1]

To the folder where the code is run from.

[@kunalbishwal18]

how to solve downloading error whenever i am pasting the link and click on download it is showing downloading error

[@MewtwoStar]

how can we convert this to .exe format (or installable format) and use as a normal application in any PC

[@spritamsel4929]

pyinstaller duh

[@Melhor99]

Please explain robot framework using python

[@BLACKDREAMIO]

1 subscribe for you to not using any background music i love it

[@olinafan4459]

having issues installing tkinter. getting modulenotfound error: no module named tkinter even after pip installing..

[@ti6i]

Idk if oyu fixed it, similar thing happened to him in the video, just change the python interpreter to a different one in vscode

[@martindlxs]

I have customtkinter installed and updated, but yet it says I dont. So I cant run the code. Anyone else with the same problem? ModuleNotFoundError: No module named 'customtkinter'

[@truffle_pig]

hi sorry for the late response! yes if you are running it on Windows 10 or 11 through WSL using Ubuntu you are gonna have a tough time getting this up and going

[@SayoPla]

(Pin this) if you had any problem when you installed pytube , tkinter or custumtkinter in the integrated terminal or any terminal , please restart vs code after installation. I had to go on reddit posts and panic!

[@aido2740]

Can anybody help me find where it saved the downloaded file? I can't find it on my PC anywhere.

[@_hkrm_]

shouldn't it be at the same path as where you run the script from? or it could depends on how pytube is configured? the path where you run the script from and the path where the script is are not the same. the path where you run the script from = if you're currently at the "D:\" path and then you call the script from there, it'll download the video to "D:\" the path where the script is = where you store the script. let's say it's in "C:\project\script.py", it should download the video to the same folder as the script.

[@sanathrajur6698]

what IDE has been used here? Does anyone have an idea?

[@uhdiz]

visual studio code

[@therealmutlusen]

Edwin, your google drive links are dead, please update them and also instered in patreon users.

[@skaruts]

I tried using this video as the test subject for downloading, and pytube tells me it's age restricted, for some reason.

[@user-st3eu7mw3t]

Didnot know Jack Dorsey had youtube channel

[@clydexr]

mine says it failed and then saved and it doesnt even show in the directory!?!?!?!

[@mz5234]

saves in your default Python folder which is where Python lives on your computer. there's probably a way to change the directory to one you create left this project on hold - so haven't managed to do that myself yet

[@Ineedsumrandom]

It says Download Complete, but i cannot find the video file anywhere

[@mz5234]

I think it automatically saves into your python directory. So wherever python default saved to on your computer.

[@Ineedsumrandom]

@@mz5234 is there a way to change where it downloads too?

[@mz5234]

@@Ineedsumrandom hello there! Missed this I was trying to figure that out --let my projects sit on the back burner for about 3-4 weeks now maybe you have already found out will add the answer here -- when I figure it out I am guessing though -- you have to specify the PATH you can find the PATH of the generic Python directory - where the Python program lives and then copy and paste that PATH and then - from there --- store that in some variable and switch - to the PATH_new you want. don't quote me though stuck cleaning the garage atm

[@R3KTPUBG]

I got problem please anyone help me out. The problem is that whenever I try to download any video and click on download button the program sops responding

[@yannickmelchior1774]

Good morning, Very good video and very informative, I tried to copy the code, but I have a lot of problems following the writing. would it be possible to give me a link where i could download the source code. Thank you in advance for your understanding. Yannick

[@mateuszzawadka6028]

I can't find the path of the video I downloaded, can someone help me?

[@mz5234]

it's in your default python folder where PYTHON lives look there

[@mathematical902]

Great video my gorgeous friend on internet.......

[@jvsonyt]

does pytube still work? I keep getting an error

[@Reficul999]

Wich error?

[@mz5234]

works for me! tried about 3 weeks ago

[@DrCognitive]

I made it, and it seems to work, but I can't find the directory where it's downloading them to!!!! It's not going to my downloads directory.

[@mz5234]

I think it automatically saves into your python directory. So wherever python default saved to on your computer.

[@DrCognitive]

@@mz5234 I actually resolved the issue and figured out how to make it save to my videos folder.

[@herrynugroho3311]

Hello sir, my name is Herry and i'm still learning a python. I've got an issue in my code. When i started to run the program, my terminal mentioned me this No module named 'customtkinter'. Even i already install the customtkinter, pytube, this warning still appeared. Could you please explain to me how to solve this issue? And i apologize for my bad english. Big appreciate for you if you respond my comment. Thank you, sir.

[@mz5234]

how do you run your Python?

[@newsuns5]

try to do pip install packaging hope it works on your code

[@JNET_Reloaded]

cant find this on your github

[@developedbyed]

I'll post it soon!