An explanation of that we see here: the GUI is made with QT (a C++ GUI library) using their Python scripting bindings. What the video shows is not basically the UI, but the purple theme (a port of the Dracula) theme. So what this shows/sells is a "theme" you can use to style your QT and/or Python + QT applications to make them look like this. The actual GUI widgets, library etc is provided by QT.
OMG How is this python? Kudos to you man, what a legend! EDIT: Just saw your other videos. Holy sh!t man, this is exactly what I needed for some of my past projects. You earned yourself a sub (thanks youtube for recommending me this channel)
@@AlexJaeger716 Python is a modular language. PyQt/PySide are graphical modules, which can be loaded by the python script. The functions and classes in the modules are then available to use in the script. Qt designer is a helper app to layout your GUI design and configure buttons etc.. Best if you read up a bit on the subject, I can't explain very well.
@@ethanlee9633 Amen to that. Although I've known about python for quite some time now, I only recently really bit into it. Like..2 months ago. Now I am well on my way to create a fully custom car audio player build, including touchscreen, and 5 external buttons with 1 inch displays in them. I already have constructed a GUI(initially with qtdesigner, then changed a buttload to suit my needs) and setup the buttons, and i've connected and tested five 128x128 RGB displays and got that running over SPI/GPIO. That did cost ALL the GPIO ports save two. And it's more fun that I ever thought it would be, as normally I really am not a programmer. But python really is fun to work with.
its easy with QT designer. I've been working on multiple raspberry projects last 3 years with qt as base and it just works, and theres soo many libraries within QT you can utilize.
This is sooo amazing! I would actually pay to see a step by step tutorial of building this theme end-to-end -- I downloaded QT Designer and tryna play around but would love detailed tutorial as stated above! Thanks for sharing!
Could you explain the toggle menu? How did you achieve the hide only till icons but expand to show text? I tried this but when I run it, it's funky. So could you show us how to properly design the UI to achieve the above?
Where do you add functionality to the widgets? I created a few buttons inside the widgets.home widget, and would like to use them, in which file do I create the functions?
Thanks sir your work is fantastic . I am working on PyQt5 form last year but i think GUI in python is not so famous. therefor now i have shifted my work to Web Framework like Django and Eel python library for GUI .
say i was wondering, would it not make sense to implement a system so you can distribute the color palette to the widgets, in css / qss all the widgets are always addressed one by one with color code which makes changing or redesigning themes very time consuming. When i saw your hack, you used a python class injecting the css / qss code to the widget, so in theory it should be possible to setup a config with the color palette and then inject all those color values via python, this should only be a lot of time once and from that point on this should even be reusable for new color themes.
When I download it from GitHub I get errors in ui_functions, it says that mainWindows is not defined, and neither are the Qt, it still works normal but it makes me anxious to see those errors haha, any solution :(?
Hollly... You just earned a new subsriber and a new patreon. Kind request. Can you please upload a video about how to convert these projects into executable files? It was very messy at PyQt5. Is PyInstaller or cx_freeze compatible with PySide6? Thank you, keep up the good work!
Hello good day! hope you notice this comment, I just wanna ask ser what IDE you use to make this modern GUI and their functions and animation as well and how did you do it?
Guys, am I the only one having problems running the program? I've downloaded it from Git and tryed to Run. But there is an error ImportError: cannot import name 'UIFunctions' from partially initialized module 'modules.ui_functions' (most likely due to a circular import) i've checked it's true. there is import in main.py of modules, where the file ui_functions is, and it has an import from main.py ... How to solve it? To put ui_functions code into main.py?
I'm here to say you THANKS YOU SO MUCH! I'm using this GUI and I love it. You are a genius! And thank you for giving us your knowledge about Qt, PyQt/Pyside, and Python. I really appreciate this
Thank you very much 😀. Both are very similar using Qt features, have only some classes with different names and with PyQt you need to buy a license for comercial projects. PySide have official support by Qt Company and you don't need to buy a license to use, only for use yours softwares, like Qt Creator for commercial use.
@@WandersonItsMe I understand. About the interface, the only thing I recommend to you is to not use global variables and don't use "import *" because is a bad style of programming and that is bringing me some problems with the creation of dialogs. But aside from that everything else is perfect! Maybe someday I show you what I've created with it
Hello looking for help from anybody! I'm unable to get this to run unfortunately. I'm on a mac, if that makes any difference and when I run the main.py it loads but is super zoomed in and generally not functional. I think its because ui_functions.py has 42 problems. A lot of "MainWindow" is not defined. "QIcon" is not defined. Wondering if anyone else has run into this issue and come up with a fix? Any help would be amazing!! Thank you!!!
Can you please help me to know which gui framework is more better PyQt6 or PySide6? And why? I've searched in google also but not getting a proper result and still I 'm confused? So please help me..
PySide6 are very similar, but have option to write yours codes with with snake_case, but is not very productive yet because Qt Designer don't have this support. PySide6 don't have some modules like Qt Graphical Effects in Qt Quick. Read about PySide6: www.qt.io/blog/qt-for-python-6-released
See this link, I study using this sites: www.qt.io/blog/qt-for-python-6-released doc.qt.io/qtforpython/PySide6/QtWidgets/index.html doc.qt.io/qtforpython/PySide6/QtQuick/index.html
I was using pysimplegui but I don't think you can create this Gui with psg. This Gui is simply amazing and at the level of electron and c#. Actually great. How long did it take to code it? Either this or the first time you made a modern Gui?
How can I install Pyside6 ?? I am trying to install with my windows terminal with this command "python -m pip install Pyside6" but it is showing error that it couldn't find any version to statisfy the requirement, please help me in this .
Sir, I am struggling with QThread, please a dedicated video on that on how can we use it with different widgets and to do background Processes ki doing internet speed test with speedtest library or playing sound with playsound instead of using Pyqt's own function, that would be helpful for other things too.
I use pyqt and kivy as Python's Gui framework. When making desktop apps, I use pyqt rather than kivy. I like qtdesigner and pyqt is easier than kivy. However, it is difficult to support mobile with pyqt5, so I use kivymd inevitably. Is it difficult to create mobile apps as easily as kivy with pyqt5? If that happens, I would only use pyqt5.
I could not get kivy to work, although I've read that Kivy is the best option for touchscreen GUI. Should give it another try now that I have more experience. Now working with PyQt5 for constructing a car audio player GUI.
Cara imagino que vc coloca um texto para que a máquina faça a narração, seria muito pedir pra esse mesmo conteúdo ser disponibilizando no vídeo como legendas em português, ficaria muito grado. Vlw
Can't believe you created this using only QSS, wouldn't it have been easier of you'd created it with QML? Which one is a better practice and has more flexiblity?
QML would be easier to create this application, the problem I have been having some problems with QML that I can't debug, the application closes without generating any error (it happened with C++ too). Qt Widgets seems to be more stable today.
Hi, I am doing my project in Pyqt4 and it is a text editor some problems that can you help me fix this problem is my dream project I spent two and half years for this please help me, please I have my text editor is advanced level than notepad my text editor as a photo editing feature totally I have 5 problems to fix hear I attach a video of a problem it's too difficult to explain in E_mail this is my portfolio project and I have spent three years to develop this project so it's my dream
When you test the gui in different resolutions you will see the Qss is not perfecto, for example, personal Qcheckbox with an URL image in stylesheet, borders with 1px, etc. In fullhd resolution see ok but in 4k its too small, worse if the monitor panel is retina, the solution for me its to have various Qss templates and check de screen resolution with QDesktopscreen and load the corresponding template at the begining of the application.
Kivy is good, but Qt is much more complete and stable because is old and have a big community reporting bugs by years. But Kivy have a good future too.
//// DOWNLOAD ////
🔗 Link to download the project in the video:
ruclips.net/video/9DKc8fOj9TM/видео.html
An explanation of that we see here: the GUI is made with QT (a C++ GUI library) using their Python scripting bindings. What the video shows is not basically the UI, but the purple theme (a port of the Dracula) theme. So what this shows/sells is a "theme" you can use to style your QT and/or Python + QT applications to make them look like this. The actual GUI widgets, library etc is provided by QT.
if i want to rebuild this kind of theme but without PyQT, is there a way? I dont like QT, bec. in the end its not free.
@@tamgaming9861 PySide6 is free.
this is stunningly beautiful, thank you for the sharing!
OMG How is this python? Kudos to you man, what a legend!
EDIT: Just saw your other videos. Holy sh!t man, this is exactly what I needed for some of my past projects. You earned yourself a sub (thanks youtube for recommending me this channel)
Thank you very much 😀, welcome to the channel!
Not python its Qt. But yes it looms good
@@ashwin372 It's Python with PyQt / Pyside modules.
@@paulmichaelfreedman8334 what does that mean? All the code written is in python? what about the designer? what is that for?
@@AlexJaeger716 Python is a modular language. PyQt/PySide are graphical modules, which can be loaded by the python script. The functions and classes in the modules are then available to use in the script. Qt designer is a helper app to layout your GUI design and configure buttons etc.. Best if you read up a bit on the subject, I can't explain very well.
Found your video on my homepage, I'm not a Python developer, I'm a web developer, but man, I MUST subscribe to a channel with such AWESOME material!
Haha thank you very much 😀
I can not believe it is based on python... It is really nice!!
it based on QT, python just script logic.
Parabéns Wanderson, este é sem dúvidas um dos melhores , se não o melhor conteúdo sobre interfaces com o QT!
Awesome work. darker interfaces are cool to work with for very long periods of time.
Thank you. Yes! Everything is dark color here haha. I work about 12 hours per day in my computer.
I like your project, Because it is clearly framework.Thank you for the sharing!
The most beautiful GUI i have seen.
I don´t know much about gui in python, but i know it´s not easy. It looks fantastic, brilliant work!
It's easier than you could ever imagine once you understand OOP.
@@ethanlee9633 Amen to that. Although I've known about python for quite some time now, I only recently really bit into it. Like..2 months ago. Now I am well on my way to create a fully custom car audio player build, including touchscreen, and 5 external buttons with 1 inch displays in them. I already have constructed a GUI(initially with qtdesigner, then changed a buttload to suit my needs) and setup the buttons, and i've connected and tested five 128x128 RGB displays and got that running over SPI/GPIO. That did cost ALL the GPIO ports save two. And it's more fun that I ever thought it would be, as normally I really am not a programmer. But python really is fun to work with.
its easy with QT designer. I've been working on multiple raspberry projects last 3 years with qt as base and it just works, and theres soo many libraries within QT you can utilize.
This is sooo amazing! I would actually pay to see a step by step tutorial of building this theme end-to-end -- I downloaded QT Designer and tryna play around but would love detailed tutorial as stated above! Thanks for sharing!
Awesome video, keep up the incredible work! :)
Could you explain the toggle menu? How did you achieve the hide only till icons but expand to show text? I tried this but when I run it, it's funky. So could you show us how to properly design the UI to achieve the above?
WOW it's wonderful and amazyng ! You are great hacker !
QSS and CSS Hack 😂🤣
Finally a great UI framework... Tkinter always sucked but didn't had any option ... Till now
Caraca! Comecei a usar o pyqt5 mas só faço gambiarra kkkk boa aula
Thank you for your dedicated work and for sharing.
you really switched my skills to another level, thank you for everything really thank you
I am very happy to know that I have helped. Good studies!
Me too man, Glad he there for helping us. Thanks Wanderson be blessed
Bro it's so amazing you almost made me lose NNN
I'm new and that ui is so beatiful, i'm need 2 years more for scripting like you
Wanderson, qual a limitação do QT em relação à softwares comerciais?
What voice program are you using? I would like to use a similar one in my videos
Is Microsoft Azure api, you pay by time of converting, 2 dollars after 5 hours.
This is so cool because I'm more of a backend kinda guy and front end work just isn't my thing.
OS BR esbagaça meu amigo, não tem COMO
Thanks for the clear tutorial 👍 cant belieave how crisp and modern that looks for python 🤯🥳
it's so nice , I love that
Python OVERPOWERED 🔥🔥🔥
Where do you add functionality to the widgets? I created a few buttons inside the widgets.home widget, and would like to use them, in which file do I create the functions?
On the widgets page, why is the checkbox round and looks just like the radiobutton?
Thanks sir your work is fantastic . I am working on PyQt5 form last year but i think GUI in python is not so famous. therefor now i have shifted my work to Web Framework like Django and Eel python library for GUI .
I've heard about Eel, but it doesn't seem to have many native features of the systems yet. Good studies!
Awesome gui.
Thank you for the Github
When you will share this repo ??
Very good GUI
But there is commercial license for distributions with individuals or not??
thanks !
I'm from brazilian...
congratulations
Muito obrigado, bons estudos!
eu tmb xdd
Why doesn't the animation move smoothly when changed to the full screen?
I couldn't find a solution.
say i was wondering, would it not make sense to implement a system so you can distribute the color palette to the widgets, in css / qss all the widgets are always addressed one by one with color code which makes changing or redesigning themes very time consuming.
When i saw your hack, you used a python class injecting the css / qss code to the widget, so in theory it should be possible to setup a config with the color palette and then inject all those color values via python, this should only be a lot of time once and from that point on this should even be reusable for new color themes.
what beautiful gui i love this
Wow. I want to be as good as you one day.
How to install "Qt Designer 6" in Ubuntu?
I have problems with drag and drop from the window. The window stays fixed and does not move.
What did you use to create the PyDracula_verticle logo?
Hi, I did using Inkscape software.
@@WandersonItsMe good choice!
So nice, I don't want to write some frontend code, I hope I could only care about the program's logic.
This interface helps a lot in the projects, but it is good to know the basics about Qt Widgets before starting
@@WandersonItsMe of cause
When I download it from GitHub I get errors in ui_functions, it says that mainWindows is not defined, and neither are the Qt, it still works normal but it makes me anxious to see those errors haha, any solution :(?
"brazil"
Brazilians: why you invoke me
Hello! Nice video! Does it work with python 3.7? Can I use it in pyqt5?
I didn't get to test it, but I think so. However, some errors can happen.
Wonderful tuto. Thank you
Yes, is MIT license 😃
Hollly... You just earned a new subsriber and a new patreon.
Kind request. Can you please upload a video about how to convert these projects into executable files? It was very messy at PyQt5. Is PyInstaller or cx_freeze compatible with PySide6?
Thank you, keep up the good work!
Thank you very much for your support! haha I will release today this video: ruclips.net/video/s8dwNfnxYLo/видео.html
Hello good day! hope you notice this comment, I just wanna ask ser what IDE you use to make this modern GUI and their functions and animation as well and how did you do it?
I just have used Qt Designer and Visual Studio Code.
@@WandersonItsMe thankyou very much ser
@@WandersonItsMe did you use anaconda to run the GUI file on Visual Studio
Guys, am I the only one having problems running the program? I've downloaded it from Git and tryed to Run. But there is an error ImportError: cannot import name 'UIFunctions' from partially initialized module 'modules.ui_functions' (most likely due to a circular import)
i've checked it's true. there is import in main.py of modules, where the file ui_functions is, and it has an import from main.py ...
How to solve it? To put ui_functions code into main.py?
one question, can this be combined with a rest api
I'm here to say you THANKS YOU SO MUCH! I'm using this GUI and I love it. You are a genius! And thank you for giving us your knowledge about Qt, PyQt/Pyside, and Python. I really appreciate this
Thank you very much 😀. Both are very similar using Qt features, have only some classes with different names and with PyQt you need to buy a license for comercial projects. PySide have official support by Qt Company and you don't need to buy a license to use, only for use yours softwares, like Qt Creator for commercial use.
@@WandersonItsMe I understand. About the interface, the only thing I recommend to you is to not use global variables and don't use "import *" because is a bad style of programming and that is bringing me some problems with the creation of dialogs. But aside from that everything else is perfect! Maybe someday I show you what I've created with it
Awesome video but what theme is that in ur vscode?
"Dracula Theme" haha... This GUI is based on this theme.
the ManBun of themes
Hello looking for help from anybody! I'm unable to get this to run unfortunately. I'm on a mac, if that makes any difference and when I run the main.py it loads but is super zoomed in and generally not functional. I think its because ui_functions.py has 42 problems. A lot of "MainWindow" is not defined. "QIcon" is not defined. Wondering if anyone else has run into this issue and come up with a fix? Any help would be amazing!! Thank you!!!
Can you please explain what is resources_rc and why do we need to import it into the UI file?
Qt use resources to be cross platform, this solution is used to prevent file path error in different OS
I assume the UI runs on gpu, unlike windows forms
Is that a tts voice? Its really good, I would like to use it too!
Is the Microsoft Azure Text to Voice API
@@WandersonItsMe Nice, I might use that one too...I am German and I have horrible accent!! 😁
I subscribed to your channel!! Keep up the good work!!
Can you please help me to know which gui framework is more better PyQt6 or PySide6? And why?
I've searched in google also but not getting a proper result and still I 'm confused?
So please help me..
PySide6 are very similar, but have option to write yours codes with with snake_case, but is not very productive yet because Qt Designer don't have this support. PySide6 don't have some modules like Qt Graphical Effects in Qt Quick.
Read about PySide6: www.qt.io/blog/qt-for-python-6-released
PySide6 is more free for commercial use LGPLv3
@@WandersonItsMe I used to build software with PyQt6 should I continue with this or I should move to the PySide6?
Can i convert this to QML, to use with c++. Thanks
Where to get Qt designer 6?
Its there in the pyside module folder
how do you change the logo? I tried creating my own and replacing in ui_main.py but it could work please help
Did you solve this ?
Can anyone suggest me from where should I learn Pyside6 ?
See this link, I study using this sites:
www.qt.io/blog/qt-for-python-6-released
doc.qt.io/qtforpython/PySide6/QtWidgets/index.html
doc.qt.io/qtforpython/PySide6/QtQuick/index.html
hi , there is date time widget in pyqt6 ?
I was using pysimplegui but I don't think you can create this Gui with psg. This Gui is simply amazing and at the level of electron and c#. Actually great. How long did it take to code it? Either this or the first time you made a modern Gui?
instant sub
Super video but I can't watch it on my phone, cause no chance to watch on a large screen.
How can I install Pyside6 ?? I am trying to install with my windows terminal with this command "python -m pip install Pyside6" but it is showing error that it couldn't find any version to statisfy the requirement, please help me in this .
Python versions supported: Python >=3.6,
@@WandersonItsMe Oh! Thank you
Sir, I am struggling with QThread, please a dedicated video on that on how can we use it with different widgets and to do background Processes ki doing internet speed test with speedtest library or playing sound with playsound instead of using Pyqt's own function, that would be helpful for other things too.
This is cool! But my choice is Electron :P
Electron is beautiful ❤️
electron? chrome you mean?
Hello,
How can i add checkbox to the combobox list ?
wonderfullll!!!!
dang your text to speech engine is amazing!
What are you using?
Is an Microsoft Azure API 😁
Can we use Pyside for commercial purposes? Without paying for it.
Yes, PySide is LGPLv3, but have some modules GPL, so the best way is to check with Qt about that.
I use pyqt and kivy as Python's Gui framework. When making desktop apps, I use pyqt rather than kivy. I like qtdesigner and pyqt is easier than kivy. However, it is difficult to support mobile with pyqt5, so I use kivymd inevitably. Is it difficult to create mobile apps as easily as kivy with pyqt5? If that happens, I would only use pyqt5.
I could not get kivy to work, although I've read that Kivy is the best option for touchscreen GUI. Should give it another try now that I have more experience. Now working with PyQt5 for constructing a car audio player GUI.
@@paulmichaelfreedman8334 did you write about uour car audio player on reddit? i swesr ive hesrd of this before
Cara imagino que vc coloca um texto para que a máquina faça a narração, seria muito pedir pra esse mesmo conteúdo ser disponibilizando no vídeo como legendas em português, ficaria muito grado. Vlw
thank you for sharing!
Can't believe you created this using only QSS, wouldn't it have been easier of you'd created it with QML? Which one is a better practice and has more flexiblity?
QML would be easier to create this application, the problem I have been having some problems with QML that I can't debug, the application closes without generating any error (it happened with C++ too). Qt Widgets seems to be more stable today.
@@WandersonItsMe QML is not less stable than widgets
I'll stick with C++ Builder and Delphi for gui dev. Drag and drop since 1997.
Thank u for lesson 👍
Hi, I am doing my project in Pyqt4 and it is a text editor some problems that can you help me fix this problem is my dream project I spent two and half years for this please help me, please I have
my text editor is advanced level than notepad my text editor as a photo editing feature totally I have 5 problems to fix hear I attach a video of a problem it's too difficult to explain in E_mail this is my portfolio project and I have spent three years to develop this project so it's my dream
For some reasons, I can't pay the fee. Could you please help me
thanks and donated!
Is there a url where I can check the pyside6 sample gui?
PySide6 is very similar to PySide2, you can consult other projects here on channel about PySide2 understand about the sample GUI
And for protection of the exe how to protect it from reverse engineering
Excelente conteudo! Estou editando este arquivo, porém estou com algum problemas, conseguiria me ajudar?
Can you please make a video on how to make PyQt software responsive?
See here on the channel, all videos have content about responsive GUI :D. I'm using PySide, but is the same thing of PyQt, are very compatible.
When you test the gui in different resolutions you will see the Qss is not perfecto, for example, personal Qcheckbox with an URL image in stylesheet, borders with 1px, etc. In fullhd resolution see ok but in 4k its too small, worse if the monitor panel is retina, the solution for me its to have various Qss templates and check de screen resolution with QDesktopscreen and load the corresponding template at the begining of the application.
Where can I download that nice vscode theme?
nvm I found them: vscodethemes.com/search?q=Dracula
kivy beats all these pretty easy
Kivy is good, but Qt is much more complete and stable because is old and have a big community reporting bugs by years. But Kivy have a good future too.
Yeah kivy is just like a newborn baby next to Qt. But its workflow made it fun to learn for me.
Yes, I like the Kivy workflow.
Where could I get it?
Awesome
Pyside6 is real?
Yes, the new realease about Qt6 pypi.org/project/PySide6/
Sil vous plaît, votre fonds d'écran me plaît ! Je peux l'avoir ?😅
I'm waiting for May 1st 2021
thank you sir 👍.
What about kivymd ?
Qt is the best option today for Desktop, is more stable because is old, many bug fixed and have Graphical IDE, this helps a lot in production.
Maneiro demais
os br representando
Would prefer a video on how you customised everything
Would prefer a comment of people that watched the other videos and learned how to do it themselves...
How do I update to such windows?